JavaScript操作BOM对象

JavaScript操作BOM对象

BOM模型

BOM : 浏览器对象模型 (Browser Object Model)，BOM提供了独立于内容的 , 可以与浏览器窗口进行互动的对象结构。BOM可以实现：弹出新的浏览器窗口、移动 , 关闭浏览器窗口以及调整窗口的大小和页面的前进 , 后退等功能。

Window就是整个BOM的核心，window又分为history、document和location。

window对象

1. window对象的常用属性

属性名称	说明
history	有关客户访问过的URL的信息
location	有关当前URL的信息

语法：window.属性名称=“属性值”;如：window.location=“https://www.souhu.com” ;

2. window对象的常用方法

方法名称	说明
prompt()	显示课题是用户输入的对话框
alert()	显示带有一个提示信息和一个确定按钮的警示框
confirm()	显示一个带有提示信息、确定和取消按钮的对话框
close()	关闭浏览器窗口
open()	打开一个新的浏览器窗口，加载给定URL所指定的文档
setTimeout()	在指定的毫秒数后调用函数或计算表达式
setInterval()	按照指定的周期（以毫秒计）来调用函数或表达式

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

   1. alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变；
   2. uprompt( )：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息；
   3. uconfirm( )：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用。

2. open()方法

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

   2. 属性名称	说明
      height、width	窗口文档显示区的高度、宽度。以像素计窗口文档显示区的高度、宽度。以像素计
      left、top	窗口的x坐标、y坐标。以像素计
      toolbar=yes|no	是否显示浏览器的工具栏。黙认是yes
      scrollbars=yes|no	是否显示滚动条。黙认是yes
      location=yes|no	是否显示地址地段。黙认是yes
      status=ye