JavaScript对象-（2）

4.常用事件：window对象的方法通常和事件结合使用。

         表window的常用事件

名称

说明

onload

一个页面或一幅图像完成加载

onmouseover

鼠标指针移动到某元素之上

onclick

鼠标单击某个对象

onkeydown

某个键盘按键被按下

onchange

域的内容被改变

 

5.如果一个函数只调用一次，并且是加载页面时直接调用的，则可以使用网上常用的匿名方法实现，语法格式：

事件名=function（）{

   //JavaScript代码；

}

6.history对象与location对象

（1）history对象：历史对象提供用户最近浏览过的URL列表。但出于隐私方面的原因，history对象不再允许脚本访问已经访问过的实际URL，可以使用history对象提供的、逐个返回访问过的页面的方法：

                      history对象的方法

名称

描述

back()

加载history对象列表中的前一个URL

forward()

加载history对象列表中的后一个URL

go()

加载history对象列表中的某个具体URL

back()方法会让浏览器加载前一个浏览过的文档，history.back()等效于浏览器中的“后退”按钮。

forward()方法会让浏览器加载后一个浏览过的文档，history.forward()等效于浏览器中的“前进”按钮。

go(n)方法中的n是一个具体的数字，当n>0时，装入历史列表中往前数第n个页面；当n=0时，装入当前页面；当n<0时，装入历史列表中往后数第n个页面。

（2）location对象：提供当前页面的URL信息，并且可以重新装载当前页面或装入新页面

     location对象的属性

名称

描述

host

设置或返回主机名和当前URL的端口号

hostname

设置或返回当前的URL的主机名

href

设置或返回完整的URL

 

 

        location对象的方法

名称

描述

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

location对象常用的属性是href，通过对此属性设置不同的网址，从而达到跳转功能。

7．document对象：document对象既是window对象的一部分，又代表了整个HTML文档，可用来访问页面中的所有元素。所以在使用document对象时，除了要适用于各浏览器外，也要符合W3C的标准。

（1）document对象的常用属性：

属性

描述

referrer

返回载入当前文档的URL

URL

返回当前文档的URL

referrer的语法格式如下：document.referrer    当前文档如果不是通过超链接访问的，则document.referrer的值为null

URL语法格式：document.URL

上网浏览某个页面时，由于不是由指定的页面进入的，系统将会提醒不能浏览本页面或直接跳转到其他页面，这样的功能实际上就是通过referrer属性来实现的。

（2）document对象的常用方法

方法

描述

getElementById()

返回对拥有指定id的第一个对象的引用

getElementByName()

返回带有指定名称的对象的集合

getElementByTagName()

返回带有指定标签名的对象的集合

write()

向文档写文字、HTML表达式或JavaScript代码

getElementById()方法一般用于访问DIV、图片、表单元素、网页标签等，但要求访问对象的id是唯一的

getElementByName()方法与getElementById()的方法相似，但它访问元素的Name属性，由于一个文档中的name属性可能不唯一，因此getElementByName()方法一般用于访问一组相同name属性元素。如具有相同name属性的单选按钮、复选框等。

getElementByTagName()方法是按标签来访问页面元素的，一般用于访问一组相同的元素。如一组<input>、一组图片等。