js的BOM模型

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cheng_cuo_tuo/article/details/86620157
/*
	浏览器对象模型(BOM-Bowser Object Model)
	Window对象是BOM的顶层对象,该对象代表了浏览器窗口,Window通过属性引用其他子对象。Document对象包含当量的文档元素对象。
	BOM对象:
		Window是JavaAcript的顶层对象,每当<body>或<frameset>标签出现时,Window对象就会被自动创建。
		Navigator包含客户端浏览器的信息
		Screen包含客户端显示屏的信息
		History包含浏览器窗口访问过的信息
		Location包含当前URL信息
		Document包含整个HTML文档,可被用来访问页面中的所有元素
*/
</script>

在这里插入图片描述

<script>
/*
	设计广告弹出窗口
	
	window.open(url, namme, features, replace);
	url:打开窗口中显示的文档的url,省略显示的是空白文档
	name:定义新窗口的名称,该名称可以作为标签<a>和<form>的target属性值。如果窗口名称已经存在,那么open()
			方法就不会创建新窗口,而只是返回对指定窗口的引用,这种情况下,第三个参数将被忽略。
	feature:设置新窗口的显示特征。该参数也是可选的,如果省略,则新窗口具有所有标准特征。
	replace:设置是否再新窗口的浏览历史中给装在到新页面的URL创建一个新的条目。如果为true则不创建新的历史条目,
			该参数只有再第二个参数命名的是一个已经存在的窗口时才有用。
			
		使用open()打开新窗口后,可以使用close()关闭一个窗口。例如,一个window对象为w的打开窗口,可以
	使用w.close;关闭该窗口。
		如果再打开窗口内部关闭自身窗口,则应该使用window.close;
	
		window对象时客户端JavaScript的全局变量,客户端JavaScript程序是在Window对象提供的全局变量作用域中运行。一个Window对象
	实际上就是一个独立浏览器窗口。
	
	Window对象属性
	closed				当前窗口是否关闭,如果关闭则放回true,否则返回false
	defaultStatus		在浏览器状态栏中显示默认文本
	status				在浏览器状态栏中显示文本
	document			对Document对象的引用,该对象代表窗口中显示的HTML文档
	frames[]			Window对象数组,代表窗口中的各个框架
	history				对History对象的引用,该对象代表用户浏览器窗口的历史
	location			对Location对象的引用,该对象代表在窗口中显示的文档URL。设置这个属性会引发浏览器装在一个新的文档
	name				窗口的名称,可以被HTML标签<a>的target属性使用
	opener				打开当前窗口的Window对象引用
	parent				如果当前窗口时狂降,它就是对窗口中包含这个框架的父级框架引用
	self				子引用属性,是对当前Window对象的引用,与window属性同义
	top					如果当前窗口时框架,他就是对包含这个框架的顶级窗口的Window对象的引用。
						注意,对于前台在其他框架中的框架,top不等于parent。
*/
//定义打开的窗口
var url = "http://www.baidu.com";
//定义打开浏览器窗口的特征,宽800像素,高400像素,位于桌面(10, 10)的位置,无工具条、菜单栏、滚动条、导航条
//状态栏
var features = "height=400, width=800, top=10, left=10, toolbar=no, scrollbar=no, resizeable=no, location=no, status=no";
//从当前文档插入一个超链接
document.write('<a href="http://www.sina.com.cn/" target="newW">切换到新浪首页</a>');
var me = window.open(url, "newW", features);			//打开新窗口

setTimeout(function(){									//定义计时器
		me.close();										//设计60秒后自动关闭窗口
	}, 3000);
</script>

猜你喜欢

转载自blog.csdn.net/cheng_cuo_tuo/article/details/86620157