JavaScript

一、简介

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，它和HTML、CSS一样运行在客户端（即浏览器端），属于解释性语言，被浏览器的JavaScript引擎解释运行。在W3C规范要求的内容、表现、行为三者分离中，它属于“行为”。常用来给网页添加一些动态功能，例如用户交互、表单验证、动态改变页面、网页特效等等。

简单示例：永远的HelloWorld

代码位置可以是body 和 head 块内任意位置<script type="text/javascript">    alert('Hello World');<script/>

二、如何引入js

1.页面中内嵌js
可以在head块中直接写javaScript代码，如上例所示。
为什么放到head中??不放到body中???
其中标签处才执行标签内的js代码，但实际工作中往往不采用这种方式。因为我们使用js所提供的用户交互、验证、动态改变页面内容等功能往往是由一个事件触发后而调用的，而不是直接在body里执行。这样我们需要先定义个触发事件后被调用的方法(js中叫函数)，这个方法只要在页面加载完毕这个方法的定义如果放到body里，js代码和html代码没有分离，不利于提高代码的可读性、可维护性，所以一般js文件放到head中。
2.引入外部js文件，在外部写hello.js

<script type="text/javascript" src="../js/hello.js"></script>

使用外部js的好处：
（1）可复用
（2）可维护，只需要修改引入的js文件即可
（3）可缓存，如果多个页面引入同一个js文件，这个js文件只会被加载一次，如果把重复的代码放到多个页面中，这段重复的代码会下载多次。

三、变量

JS是一门大小写敏感的弱类型语言，大小写敏感即区分大小写，弱类型语言：定义变量时不需要指定变量的数据类型，在js中所有的变量类型都可以用var代替。
两种定义方式：
1）显式定义
var sum = 0;//显示定义并赋值
2）隐式定义
sum = 0;//隐式定义了变量，可以直接赋值。
这两种方式效果是一样的，js是弱类型语言，定义时没有决定类型，只有真正赋值时才决定了变量类型。
数据类型主要分两大类：
一、基本类型
又分5小种：
1.数值型
包括整型、实型、NaN（not a number）、Infinity(无穷)。
例：0/0是NaN,10/0是Infinity,-10/0是-Infinity.
如果a=parseInt(“123abc”); alert(a);返回123，”abc”返回NaN，在java中是数字格式化异常。
2.字符串，表示形式是”“或”，为什么会有”，不多余吗？？不多余，因为”解决了转义问题，例：在按钮的onclick=”alert(“你好”)”;中，如果是用两次”“，则无法运行，系统认为左边是一个字符串，右边是一个字符串，就出错了,”“会失效。
3.boolean类型，有6个假：0、NaN,false,null,”“,undefined;Infinity代表真，” “空格字符串也代表真，非零整数也代表真。
4.null，数据类型，var a=null;
5.undefined不是未定义，而是默认值，直接输出一个没有定义的数是未定义，而undefined是一个默认值，并非未定义，且系统不出错。
二、复合类型
js中没有类的概念，函数是js中的一级公民，类似于java中的方法。
基本语法：
定义：
function 函数名（）{
函数体；
}
调用函数：
函数名（）；
1）带返回值
（）内部参数不写var，如function sum(a,b){
return a + b;
}
2）不带返回值,默认返回null

全局变量和局部变量：
全局变量在函数体外定义，所有的函数都可以使用，作用域：声明位置起，到整个页面结束。
局部变量定义在函数体内，没有块作用域之说，作用域：声明位置起，到方法结束。
注：①局部变量声明提前问题，在var a = 10;之前调用alert(a);返回undefined,说明局部变量的声明会放在方法的第一句。②同名的局部变量对全局变量隐藏，但是通过window.变量名 可以访问到被隐藏的全局变量。

不同浏览器下的JS调试工具

1）Firefox下的firebug，安装此插件，安装成功后F12可以调试js代码中出现的错误。
2）IE:
打开调试工具方式：1.工具–Internet选项–高级–浏览–禁用脚本调试IE（取消打勾）
2.显示每个脚本的错误通知（打勾）
3）Chrome：直接F12可以打开调试工具
4）Safari 先按alt 调出菜单栏—–编辑—–偏好设置——高级选项卡—把在菜单栏中显示”开发”
菜单前面的勾 勾上
这时”开发”菜单栏出来了—-选”开发”菜单—–显示Web查看器