js-bom-window对象常用的方法

最新推荐文章于 2023-05-17 22:46:33 发布

yun1996

最新推荐文章于 2023-05-17 22:46:33 发布

阅读量207

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/yun1996/article/details/107098648

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

BOM( Browser Object MOdel) 浏览器对象模型.
浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要
操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。

    window 代表了一个新开的窗口
   location 代表了地址栏对象。
   screen 代表了整个屏幕的对象

window对象常用的方法：
    open()   打开一个新的窗口。window.open( 打开啊的url, _blank新窗口打开、_media、_self] [, sFeatures] [, bReplace])
   resizeTo() 将窗口的大小更改为指定的宽度和高度值。
   moveBy() 相对于原来的窗口移动指定的x、y值。x正数向右负数向左
   moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。

   setInterval() 每经过指定毫秒值后就会执行指定的代码。两个参数，第一个方法名需要用引号引起来，第二个是毫秒数返回任务id

   clearInterval() 根据一个任务的ID取消的定时任务。
   setTimeout() 经过指定毫秒值后执行指定的代码一次。

注意：使用window对象的任何属性与方法都可以省略window对象不写的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">

	function showAd(){
			open("ad.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");		
	}
	
	setTimeout("showAd()",2000);//定时弹一次
	
	var id = window.setInterval("showAd()",2000);//每次经过固定的毫秒数执行一次
	function clearTest(){
		window.clearInterval(id);//取消每次经过固定的毫秒数执行一次
	}
	
	function small(){
		resizeTo(300,200); //相对于原本窗口改变指定的大小。	
	}
	
	
	function move(){
		
			window.moveBy(50,0); // 相对于原来的窗口移动指定的x、y值。	
			moveBy(0,50);
			window.moveBy(-50,0);
			window.moveBy(0,-50);
		
	}
	
	function move2(){
		window.moveTo(500,200);	//窗口移动到相应的位置
	}
	
	

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <input type="button" onclick="showAd()" value="下载电影"/>
    <input type="button" onclick="small()" value="变小"/>
    <input type="button" onclick="move()" value="moveBy"/>
     <input type="button" onclick="move2()" value="moveTo"/>
     <input type="button" onclick="clearTest()" value="取消定时任务"/>
 	
</body>
</html>
//ad.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<div>
   		 <marquee><font color="#FF0000" size="24">这是广告。。。</font></marquee>
    	<img src="4.jpg" width="400px" height="300px"/>
        
    </div>
</body>
</html>

yun1996

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js-bom-window对象常用的方法

BOM( Browser Object MOdel) 浏览器对象模型.浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。 window 代表了一个新开的窗口 location 代表了地址栏对象。 screen 代表了整个屏幕的对象window对象常用的方法： open() 打开一个新的窗口。window.open( 打开啊的url, _blank新窗口打开、_me...
复制链接

扫一扫

专栏目录