深入掌握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值。