JavaScript操作BOM对象

Posted 2020-10-29 秋风伊人

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript操作BOM对象相关的知识，希望对你有一定的参考价值。

1)windows对象

浏览器对象模型（BOM ：Browser Object Model）是javascript的组成之一，它提供了独立于内容与浏览

器窗口进行交互的对象，使用浏览器对象模型可以实现与html的交互。它的作用是将相关的元素组织包装起来，

提供给程序设计人员使用，从而降低开发人员的劳动量，提高设计Web页面的能力。BOM是一个分层结构

1-1)使用BOM通常可实现如下功能：

1.弹出新的浏览器窗口

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

3.在浏览器窗口中实现页面的前进、后退功能

1-2)windows对象的常用属性

1.history 有关客户访问过的URL的信息

2.location 有关当前URL的信息

3.screen 只读属性，包含有关客户端显示屏的信息

在Javascript中，属性的语法格式如下：

window.属性名=“属性值”

例：

window.location="http://www.bdqn.cn",表示页面跳转

screen.heigth 返回显示浏览器的屏幕的高度，单位为像素

1-3)windows对象的常用方法

1. prompt() 显示可提示用户输入的对话框

2. alert() 显示一个带有提示信息和一个“确定”按钮的警示对话框

3. confirm() 显示一个带有提示信息、“确定”和“取消”按钮的对话框

4. close() 关闭浏览器窗口

5. open() 打开一个新的浏览器窗口，加载给定URL所指定的文档

6.setTimeout() 在指定的毫秒数后调用函数或计算表达式

7. setInterval() 按照指定的周期（以毫秒计）来调用函数或表达式

语法：

window.方法名();

window对象是全局对象，所以在使用window对象的属性和方法时，window可以省略

例如：之前直接使用的alert(),相当于写成window.alert();

1-4)方法的使用

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

语法：

window.confirm("确认要删除此条信息吗");

在confirm()对话框中，有确认和取消按钮。当用户单机确认是，则返回 true 反之 false

代码实例：

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

if(flag)
{
alert("删除成功");
}else
{
alert("你取消了删除");

}

2.close()

close()方法用于关闭浏览器窗口，语法：window.close（）;

3.open();

在页面上弹出一个新的浏览器窗口，弹出窗口的语法格式如下：

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

窗口的特征属性：

1-5)prompt()、alert()、confirm()不同之处

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

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

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