首页 > 代码库 > BOM :浏览器对象模型

BOM :浏览器对象模型

2024-08-13 03:27:13   223人阅读

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;  
// }

 

 

 

 

BOM :浏览器对象模型


联系
我们