四、程咬金——JavaScript基础

一、前言

Ajax，异步JavaScript和XML，前面已经解释过，所以Ajax的学习还包含JavaScript和XML，这里我们先看JavaScript，而JavaScript实际上又是包含JavaScript语法和HTML DOM即文档对象模型的，接下来会分别介绍。

JavaScript教程参考地址：http://www.w3school.com.cn/js/index.asp

二、JavaScript基础

1)       页面上的JavaScript必须包含在<script>与</script>之间，以向浏览器说明这是JavaScript

2)       变量与变量声明：JavaScript是弱类型语言，不需要声明变量的类型，所有的变量都可以通过var声明符来声明，如：var x = 5; var y = “good”;等等

3)       插入特殊字符需使用转义字符“/”(斜线)，如/’, /”, /n等等

4)       JavaScript对大小写敏感

三、JavaScript对象

1)       String对象

(1)    length：字符串长度，例：txt.length

(2)    match() 方法：查找字符串中特定的字符，并且如果找到的话，则返回这个字符，例：str.match("world")

(3)    indexOf() 方法：定位字符串中某一个指定的字符首次出现的位置，如果没有则返回-1，例：str.indexOf("Hello")

(4)    replace() 方法：在字符串中用某些字符替换另一些字符，例：str.replace(/Microsoft/,"W3School")

(5)    toUpperCase()方法：将字符串转换为大写，例：txt.toUpperCase()

(6)    split(分割字符) 方法 ：将字符串按分割字符分割，返回数组

2)       日期对象

(1)    Date()：返回当前日期和时间，例：var x = new Date();

(2)    var today=new Date()

(3)    var h=today.getHours()

(4)    var m=today.getMinutes()

(5)    var s=today.getSeconds()

3)       数组

(1)    Var list = new Array();：声明数组

(2)    List[x] = “value”;：为数组赋值，赋值类型无要求

(3)    For … in循环数组：这样可以简化for循环，如下：

<script type="text/javascript">

var mycars = new Array()

mycars[0] = "Saab"

mycars[1] = "Volvo"

mycars[2] = "BMW"

for (var x in mycars) {document.write(mycars[x] + "<br />");}

</script>

(4)    concat()：连接合并两个数组，例：list_1.concat(list_2);

(5)    join()： 将数组的所有元素组成一个字符串，例：arr.join(".")，jion方法中的参数是各个元素间的分隔字符

(6)    sort()：排序数组，例：list.sort()，对数字数组的排序有些特别，请参看文档

4)       Math：算术对象

(1)    Math.round(数值)：四舍五入，例：var x = Math.round(0.6)

(2)    Math.random()：返回 0 到 1 之间的随机数

(3)    Math.min(5,7)；Math.max(5,7)：返回连个数中的小；大数

5)       RegExp：正则表达式对象

(1)    var patt1 = new RegExp("e");：声明正则表达式对象

(2)    test() 方法：检索字符串中的指定值，返回值是 true 或 false，例：patt1.test("The best things in life are free");

(3)    exec() 方法：检索字符串中的指定值，返回值是被找到的值；如果没有发现匹配，则返回 null，例：patt1.exec("The best things in life are free");

四、    window对象： Window 对象表示一个浏览器窗口或一个框架，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而不必写 window.document

1.     主要window对象方法

1)       alert() ：显示带有一段消息和一个确认按钮的警告框，当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2)       close() ：关闭浏览器窗口。

3)       confirm() ： 显示带有一段消息以及确认按钮和取消按钮的对话框，当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作；如果用户点击确认，那么返回值为 true；如果用户点击取消，那么返回值为 false。

4)       resizeTo() ：把窗口的大小调整到指定的宽度和高度。

5)       setTimeout()： 在指定的毫秒数后调用函数或计算表达式。

2.     主要window对象属性

1)       document 对象 ：每个载入浏览器的HTML文档都会成为 Document 对象，它使我们可以从脚本中对HTML页面中的所有元素进行访问。

(1)    all[] ：提供对文档中所有 HTML 元素的访问，例：document.all[i]、document.all[name]

(2)    cookie ：设置或返回与当前文档有关的所有 cookie

(3)    title ：返回当前文档的标题。

(4)    URL ：返回当前文档的 URL。

(5)    getElementById() ：返回对拥有指定 id 的第一个对象的引用。

(6)    getElementsByName() ：返回带有指定名称的对象集合。

2)       history对象 ：包含用户(在浏览器窗口中）访问过的 URL

(1)    back() ：加载 history 列表中的前一个 URL。

(2)    forward() ：加载 history 列表中的下一个 URL。

3)       location对象 ：包含有关当前 URL 的信息

(1)    href ：设置或返回完整的 URL。

4)       Navigator对象 ：包含有关浏览器的信息

五、事件

1)       窗口事件

(1)    onl oad ：脚本 当文档载入时执行脚本

(2)    onunload ：脚本 当文档卸载时执行脚本

2)       表单元素事件

(1)    onchange ：脚本 当元素改变时执行脚本

(2)    onsubmit ：脚本 当表单被提交时执行脚本

(3)    onreset ：脚本 当表单被重置时执行脚本

(4)    onselect ：脚本 当元素被选取时执行脚本

(5)    onblur ：脚本 当元素失去焦点时执行脚本

(6)    onfocus ：脚本 当元素获得焦点时执行脚本

3)       键盘事件

(1)    onkeydown ：脚本 当键盘被按下时执行脚本

(2)    onkeypress ：脚本 当键盘被按下后又松开时执行脚本

(3)    onkeyup ：脚本 当键盘被松开时执行脚本

4)       鼠标事件

(1)    onclick ：脚本 当鼠标被单击时执行脚本

(2)    ondblclick ：脚本 当鼠标被双击时执行脚本

(3)    onm ousedown ：脚本 当鼠标按钮被按下时执行脚本

(4)    onm ousemove ：脚本 当鼠标指针移动时执行脚本

(5)    onm ouseout ：脚本 当鼠标指针移出某元素时执行脚本

(6)    onm ouseover ：脚本 当鼠标指针悬停于某元素之上时执行脚本

(7)    onm ouseup ：脚本 当鼠标按钮被松开时执行脚本