1. 首页
  2. 行业
  3. 互联网
  4. 深入掌握JavaScript的BOM对象操作方法

深入掌握JavaScript的BOM对象操作方法

上传者: 2024-10-26 11:04:57上传 DOCX文件 61.91KB 热度 8次

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值。

下载地址
用户评论