深入掌握JavaScript的BOM对象操作方法
JavaScript操作BOM对象档主要介绍了JavaScript操作BOM(Browser Object Model)对象的相关知识点,包括window对象、history对象、location对象、Document对象、Math对象和Date对象等。window对象是BOM的核心对象,表示浏览器窗口。它提供了多种方法来实现浏览器窗口的操作,例如:
-
open()
:打开一个新的浏览器窗口,加载给定URL所制定的文档。 -
close()
:关闭浏览器窗口。 -
prompt()
:显示可提示用户输入的对话框。 -
alert()
:显示带有一个提示信息和一个确定按钮的警示框。 -
confirm()
:显示一个带有提示信息、确定和取消按钮的对话框。 -
setTimeout()
:在指定的毫秒数后调用函数或计算表达式。 -
setInterval()
:按照指定的周期(以毫秒计)来调用函数或表达式。
window对象还提供了多种事件,例如:
-
onload
:页面或图片完成加载时触发的事件。 -
onmouseover
:鼠标移到某元素之上时触发的事件。 -
onclick
:当用户单击某个对象时触发的事件。 -
onkeydown
:某个键盘按键被按下时触发的事件。 -
onchange
:域的内容改变时触发的事件。
history对象提供了多种方法来操作浏览器的历史记录,例如:
-
back()
:加载history对象列表中的前一个URL。 -
forward()
:加载history对象列表中的下一个URL。 -
go()
:加载history对象列表中的某个具体URL(1代表下一页,-1代表上一页)。
location对象提供了多种属性和方法来操作当前URL,例如:
-
host
:设置或返回主机名和当前URL的端口号。 -
hostname
:设置或返回当前URL的主机名。 -
href
:设置或返回完整的URL。 -
reload()
:重新加载当前文档。 -
replace()
:用新的文档替换当前文档。
Document对象提供了多种属性和方法来操作当前文档,例如:
-
referrer
:返回载入当前文档的URL。 -
URL
:返回当前文档的URL。 -
getElementById()
:返回拥有指定id的第一个对象的引用。 -
getElementByName()
:返回带有指定名称的对象的集合。 -
getElementByTagName()
:返回带有指定标签名的对象的集合。 -
write()
:向文档写文本、HTML表达式或JavaScript代码。
Math对象提供了多种方法来执行数学运算,例如:
-
ceil()
:对数进行向上舍入。 -
floor()
:对数进行向下舍入。 -
round()
:把数四舍五入为最近的数。 -
random()
:返回0~1之间的随机数。
Date对象提供了多种方法来操作日期和时间,例如:
-
var 日期对象= new Date(参数)
:创建一个Date对象。 -
setTimeout()
:在指定的毫秒数后调用函数或计算表达式。 -
setInterval()
:按照指定的周期来调用函数或表达式。 -
clearTimeout()
:清除setTimeout()返回的ID值。 -
clearInterval()
:清除setInterval()返回的ID值。