JavaScript--BOM编程

字数统计862

本文主讲：JS 对浏览器窗口进行操作、设置浏览器的两种弹、JS 代码实现浏览器页面的前进和后退、JS代码更改浏览器地址栏地址进入指定网站、浏览器向服务器发送请求的几种方式

JS 对浏览器窗口进行操作

BOM 编程的要领

答：BOM编程是对浏览器窗口进行操控，也就是说在 BOM 编程中的顶级类为 window，window类就代表浏览器窗口

JS 代码如何实现打开指定的浏览器窗口

实现方法：window.open（“https://www.baidu.com/”） 【在当前页面打开一个百度的新窗口】

注意：

1：window.open（）方法不仅可以实现打开新窗口，还可以在当前页面打开窗口，以及打开父窗口，这里我他妈的就不想写了

2：window.open（）方法可以打开自己写好的 html 文件

JS 代码如何实现关闭当前页面的浏览器窗口

实现语法：window.close（） 【关闭当前窗口】

image-20211007121306804

设置浏览器的两种弹窗

JS 中如何生成消息框以及确定框

生成消息框语法：window.alert（消息窗显示的数据）

生成确定框语法：var boolData = window.confirm（确认框显示的数据）
确认框应用场景：删除数据是进行提示是否要删除数据

消息框以及确认框的区别：消息框就是弹出一个消息，确认框的话有两个按钮，一个是确认一个是取消，用户点击确认返回 true，点击取消返回 false

注意：确认框是有返回值的，用户点击确认返回 true，点击取消返回false

image-20211007121333573

JS 代码实现浏览器页面的前进和后退

利用 JS 代码实现浏览器页面的后退【回到历史页面】的两种方式

第一种方式：window.history.back（） 【这种方法可以回到最近的一层历史页面】

第二种方式：window.history.go（-1） 【这种方式原本用来控制页面的前进，但是前进 -1 页不就是后退一页嘛~】

image-20211007121354357

利用 JS 代码实现浏览器页面的前进

实现方式：window.history.go（1） 【如果当前页面是从其他页面退回来的，那么这样就可以回到原页面】

注意：想要实现页面的前进，必须在之前去过那个页面【在那个页面返回来的】

image-20211007121404007

JS代码更改浏览器地址栏地址进入指定网站

JS 代码更改浏览器地址栏的地址进入指定网站的两种方式

第一种方式：通过 windos 对象的 location 属性的 href 属性实现，当然href也可以省略

实现语法：

1
window.location.href = “https://www.baidu.com/“

【更改浏览器地址栏的地址为 https://www.baidu.com/】

1
window.location =“https://www.baidu.com/”

第二种方式：通过 document 对象的 location 属性的 href 方法实现，当然这个 href 也可以省略

实现语法:

1
document.location.href = “https://www.baidu.com/”

【更改浏览器地址栏的地址为 https://www.baidu.com/】

1
document.location = “https://www.baidu.com/”

image-20211007121502526

浏览器向服务器发送请求的几种方式

1：提交form表单

2：点击超链接

3：window.location.href=“目标链接”

4：document.location.href=“目标链接”

5：window.open（指定链接）

6：在浏览器地址栏内输入地址

持续更新中……