DOM(一)-07-(window常见方法_1)



【BOM中window中的常见方法】(1-4见示例1,5见示例2,7见示例3)


1.alert方法:显示包含由应用程序自定义消息的对话框。


2.confirm方法:显示一个确认对话框,其中包含一个可选的消息和确定取消按钮。
(平时浏览网页时,会弹出"你确定离开当前页面"等提示信息,就是用confirm完成的)
(1)语法:bConfirmed = window.confirm( [sMessage])


3.setTimeout方法:经过指定毫秒值后计算一个表达式。(详见示例)
(1)语法:iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])


4.setInterval:每经过指定毫秒值后计算一个表达式。(详见示例)


5.clearTimeout:取消先前用 setTimeout 方法设置的超时事件。(用于停止方法3) 


6.clearInterval:使用 setInterval 方法取消先前开始的间隔事件。 (用于停止方法4)


7.moveBy 将窗口的位置移动指定 x 和 y 偏移值。(第一个值,即x,是横坐标,第二个值,即y,是纵坐标) 
(这里x和y是偏移量)


8.moveTo 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。(第一个值,即x,是横坐标,第二个值,即y,是纵坐标) 
(这里x和y是坐标点)


9.resizeBy 更改窗口的当前位置缩放指定的 x 和 y 偏移量。 


10.resizeTo 将窗口的大小更改为指定的宽度和高度值。 






【示例1】
(程序分割线上下程序“互不相干”,即这里注明的效果都是仅仅当前程序运行的效果,如setTimeout中注明的效果是代码中仅存在
setTimeout这一个方法时网页呈现出的效果)


<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
			function windowMethodDemo(){
			
				var b = confirm("你真的确定要点击吗");//这里window可以省略,因为浏览器一开启就加载进window
				alert("b="+b);
//鼠标单击button,会弹出对话框"你真的确定要点击吗",有"确定"和"取消"两个可选项,若点确定则弹出b=true,若点取消则弹出b=false


//============================程序分割线==============================================================


				setTimeout("alert('time out run')",4000);
//鼠标单击button后不会立即弹出对话框'time out run',而是过了4s后弹出(1000毫秒=1秒)


//============================程序分割线==============================================================


				setInterval("alert('interval run')",3000);
//鼠标单击button后,每隔3s计算一个表达式,如果仅有1个表达式,会不停计算该表达式,类似音乐播放器中的“顺序播放”


			}
		
		</script>
	
		<input type="button" value="演示window对象的方法" οnclick="windowMethodDemo()" />
	</body>
</html>








//============================程序分割线==============================================================




【示例2】


<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
			function setIntervalDemo(){
				
				timeID = setInterval("alert('interval run')",3000);//这里开头不能var
				
			}
		
			function stopIntervalDemo(){
			
				clearInterval(timeID);
			
			}
		
		</script>
		
		<input type="button" value="演示setInterval方法" οnclick="setIntervalDemo()" />
		<input type="button" value="停止" οnclick="stopIntervalDemo()" />
	</body>
</html>






//============================程序分割线==============================================================




【示例3】


<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
			function windowMove(){
			
				moveBy(10,10);
//若只有这行代码,则鼠标单击button后,整个浏览器窗口会移动,即横坐标在原有基础上偏移10,纵坐标在原有基础上也偏移10
				moveTo(50,50);
//若只有这行代码,则鼠标单击button后,整个浏览器窗口会直接“飞到”坐标(50,50)的位置
				
			}
		
		</script>
	
		<input type="button" value="演示moveBy方法" οnclick="windowMove()" />
	</body>
</html>




//============================程序分割线==============================================================


【示例4】演示一种“窗口抖动”的现象(有人看到这个现象以为显示器坏了),不演示方法


<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
			function Demo(){
			
				for(var x=0;x<700,x++);{
					
					moveBy(20,0);
					moveBy(0,20);
					moveBy(-20,0);
					moveBy(0,-20);
				
				}
			
			}
		
		</script>
		
		<input type="button" value="演示窗口抖动" οnclick="Demo()" />
	</body>
</html>




效果:单击button,窗口会上下左右动一动


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值