首页 > 代码库 > # JS笔记（1）
# JS笔记（1）
JS理论：
1、JavaScript是一个客户端脚本 ------工作在客户端的浏览器完成；相对应的PHP、ASP.NET 、JSP 是一个服务端脚本。
2、JS可以插入到HTML中的任意一个位置，不过HTML解析式从上往下解析的，所以放在上面可能会找不到控件。
3、JS的特点：
- 脚本编程语言
- 基于对象的语言
- 由事件驱动
- 跨平台、依赖于浏览器、与操作环境无关
4、JS的作用：
- 表单的验证（放在客户端验证比较好）----可以减轻服务端的压力，并且用户体验感更好
- 页面的动态效果
- 动态改变页面的内容
- 实现Ajax（异步JS和XML）的重要技术之一
讨论完JS是什么东西、有什么特点和作用，我们应该来看一下JS是由什么组成的呢？
1、ECMAScript（核心）：定义了脚本语言的所有属性、方法、对象、编码遵循的语法标准
2、DOM（文档对象模型）：访问浏览器窗口内容，就是浏览器里面的标签（比如div,p,a..属性，类，以及标签里面的文本）
3、BOM（浏览器对象模型）：访问浏览器的各个功能部件，如浏览器本身，浏览器历史，网址栏
Location：输入网址的位置
History：历史记录（可以做成我们前进和后退的位置）
Document：显示的页面
Window：整个浏览器
了解完JS的组成，我们开始学习JS的使用，实践才是我们学习的目的。我们学习不是为了理论，而是为了能应用它，让它为我们创造有价值的东西，这个才是我们学习的目的。
这里我要说一下JS开发需要注意的事项:
1、JS是严格区分大小写的，所以大家要区分好。
2、每一个语句要用 ; 标记结束
3、语句块 用 {} 扣起来
4、注释和C#和Java差不多， 用 // 或者 /**/
5、JS文件的后缀是 xxx.js 。
好吧，开始讲解怎么简单的使用JS吧。
1、我们要使用JS，就要导入JS，或者创建能使用JS的基本结构、
直接写在HTML中的：
如果引用外部的呢？（正常做项目的时候，JS是写在外部的）
<script src="http://www.mamicode.com/js/index.js"></script>
//把这个写在HTML的head标签中，当然其他地方也是可以的。 这个的src就是指源文件在哪里，然后指定一个路径给它。正常用Dreamweaver会让我们选择路径的，不过自己写也是很简单的。
2、JS有什么数据类型呢？和Java差不多
有String、Boolean、Number、Null、Undefined（未定义） 这几种基础的。
虽然有这几种类型，但是我们定义变量的时候 只能用 Var（或者什么都不写）
eg: var a = 10;
var str = "zhongxia";
同样的，JS也存在转义字符
3、输出变量到页面上
Document.Write（‘xxxx‘）; //这里是把xxx输出到页面上，默认最上面
弹出一个对话框
alert(‘zhongxia‘); 就会弹出一个对话框
4、定义变量的时候要规范
5、类型转换 和 运算符的优先级
8、JS的语法 和Java,C++，C# 是一样的，只要你有一定的编程基础，你会觉得JS其实都是一样的。
if...else...
for(var i = 0; i<5; i++){ }
while(true){}
switch(num){case 1: alert(‘1‘); case 2:alert(‘2‘); }
(PS: 这个不用Default 和break，注意啦。)
函数：
function 函数名(参数...){
[return;] //有返回数据就写，没有就不写
}
如何调用函数？
1、在脚本块中直接调用：函数名()；
2、在事件中调用函数: on事件名 = “函数名()”
3、在函数中调用函数 function(){ 函数名();}
每一个变量都有自己的作用域（在哪一个范围起作用）
全部变量： 在函数外面声明的
局部变量：在函数内声明的，函数的{}外面是不起作用的。
函数中有一个特殊的参数对象，
Arguments[0]代表返回第一个参数。
1 <script type="text/javascript"> 2 function show(a,b){ 3 //alert(‘你点击了我‘); 4 alert(add(a,b)); 5 alert(arguments[0]); //就是使用 a参数， 也就是第一个参数 6 } 7 8 function add(a,b) 9 {10 return a+b;11 }
12 </script>