HTML-JavaScript操作BOM对象

最新推荐文章于 2024-07-27 17:31:46 发布

北方的南先生

最新推荐文章于 2024-07-27 17:31:46 发布

阅读量723

点赞数 2

文章标签： HTML JavaScript BOM对象

本文链接：https://blog.csdn.net/nanjinzhu/article/details/82718317

版权

本文介绍了BOM（浏览器对象模型）的核心概念，包括window对象的属性和方法，如confirm()、alert()、prompt()的区别。还讨论了history对象、location对象及其在页面导航中的应用，以及Document对象如何访问和操作页面元素。此外，还涉及JavaScript内置对象，如Array、String、Math和Date，以及定时器和清除函数的使用。

摘要由CSDN通过智能技术生成

BOM模型

BOM：浏览器对象模型（Browser Object Model）

BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

BOM可实现功能

1.弹出新的浏览器窗口

2.移动、关闭浏览器窗口以及调整窗口的大小

3.页面的前进、后退

window对象

1.常用的属性

语法：window.属性名= "属性值"

示例：window.location="http://www.bdqn.cn" ; 【表示跳转到百度首页】

2.常用的方法

1.confirm()方法

confirm()：将弹出一个确认对话框

confirm("对话框中显示的纯文本")

<script type="text/javascript">

   var flag=confirm("确认要删除此条信息吗？");

    if(flag==true)

      alert("删除成功！");

      else

       alert("你取消了删除");

</script>

confirm( )与alert ( )、 prompt( )区别：

alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变

prompt( )：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息

confirm( )：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用

2.open( )：打开弹出网页

window.open("弹出窗口的url","窗口名称","窗口特征”)

窗口特征：

属性名称	说明
height、width	窗口文档显示区的高度、宽度。以像素计
left、top	窗口的x坐标、y坐标。以像素计