BOM编程

柔情只为你懂 2022-12-07 15:20 167阅读 0赞

#                                       JavaScript——BOM #

什么是BOM编程，BOM和DOM编程的区别，已经写在这里面了，欢迎阅读。

[https://blog.csdn.net/qq\_45796208/article/details/108624968][https_blog.csdn.net_qq_45796208_article_details_108624968]

## BOM编程简介 ##

全称 Browser Object Model，浏览器对象模型。为了便于对浏览器的操作，javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器BOM编程。**编程中可以查阅DHTML API文档**

下面就来简单的说一些BOM编程常用的栗子

### BOM编程-open和close ###

### 弹出消息框和确认框 ###

确认框

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1Nzk2MjA4_size_16_color_FFFFFF_t_70][]

### 将当前窗口设置为顶级窗口 ###

005窗口

005页面<br>
    <script type="text/javascript">
    	/*如果当前窗口不是顶级窗口的话，将当前窗口设置为顶级窗口。*/
    	window.onload=function(){
    		document.getElementById("btn").onclick=function(){
    			console.log(window.top!=window.self);
    			//当前窗口的顶级窗口如果不是自己
    			if(window.top!=window.self){
    				window.top.location=window.self.location;
    			}
    		}
    	}
    </script>
    <input type="button" value="如果窗口不是顶级窗口,将窗口设置为顶级窗口" id="btn"/>

新窗口

### 设置浏览器地址栏上的URL ###

[https_blog.csdn.net_qq_45796208_article_details_108624968]: https://blog.csdn.net/qq_45796208/article/details/108624968
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1Nzk2MjA4_size_16_color_FFFFFF_t_70]: /images/20221123/afbf0c5c78ab439e9d2bbf73b830e17a.png