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>、一组图片等。