BOM ；浏览器对象模型

最新推荐文章于 2023-03-13 23:27:23 发布

转载最新推荐文章于 2023-03-13 23:27:23 发布 · 45 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Huan-klyj/p/5910453.html

本文详细介绍了浏览器对象模型(BOM)的核心概念window对象及其常用方法，如window.open()、window.close()等，并探讨了location对象和history对象的使用方法，帮助读者掌握网页导航和浏览器交互的基本技巧。

video做兼容视频：embed

iframe:frame 元素会创建包含另外一个文档的内联框架（即行内框架）。

BOM,( Browser Object Model )：浏览器对象模型

它提供很多对象，用于访问浏览器的功能。BOM缺少规范，本身没有标准。

1、window对象（方法）

BOM的核心是window。表示一个浏览器的一个实例、window对象处于js结构的最顶层。

（1）window.open ()：新建窗口，可以导航到一个特定的URL。也可以打开一个新的浏览器。

四个参数（1）要加载的URL

（2）窗口的名称或窗口目标name

(3)一个特性字符串featurses

(4）一个表示新页面是否取代浏览器记录中当前加载页面的布尔值replace

open（URL ， name ， parameters）

open('http://www.baidu.com',); //新建页面并命名窗口并打开百度'baidu'

open('http://www.baidu.com','_parent'); //在本页窗口打开百度,_blank 是新建

（2）window.close( )：关闭窗口

（3）window . navigator . userAgent ：（浏览器嗅探）对象包含访问者浏览器信息及版本

（4）window . location : 提供当前窗口中加载的文档有关信息

（5）window . location . href :提供当前窗口的URL地址

2、location 对象：提供与当前窗口中加载的文档的有关信息，还提供导航功能（location 是window 对象的属性）

（1）location.hash = "#123" : 设置#123 后的字符串，并跳转

（2）location . port = 8080 ;：设置端口号，并跳转

（3）location . hostname = "a " : 设置当前主机名，并跳转

（4）location . pathname = " a " ：设置当前路径，并跳转

（5）location . protocal = "ftp" :设置协议，不跳转

3、history 对象：保存用户上网的记录，从打开网页一刻开始

（1）history . back( ) : 跳转到前一个URL

（2）history . forword( ) : 跳转到下一个URL

（3）history . go（n）:跳转到指定位置的URL

实现小广告页面被关闭后再次打开效果：

window.onunload = function () {
// alert("");
// window.open("http://127.0.0.1:8020/%E6%A1%88%E4%BE%8B/2-open.html",'_blank');
//}
//window.onbeforeUnload = function () {
// alert("");
// window.open("http://127.0.0.1:8020/%E6%A1%88%E4%BE%8B/2-open.html",'_blank');
//
//}

（2）
//window.onbeforeunload = onbeforeunload_handler;
//window.onunload = onunload_handler;
//function onbeforeunload_handler(){
// var warning="确认退出?";
//return warning;
// }

转载于:https://www.cnblogs.com/Huan-klyj/p/5910453.html