您的位置：首页 > 其它

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

2015-08-20 16:20 274 查看

【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对象的方法" onclick="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方法" onclick="setIntervalDemo()" />
<input type="button" value="停止" onclick="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方法" onclick="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="演示窗口抖动" onclick="Demo()" />
</body>
</html>

效果：单击button，窗口会上下左右动一动

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航