BOM模型演示---method

来源：互联网发布：java 当前时间年月日编辑：程序博客网时间：2024/06/01 08:12

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BOM模型演示---method</title>
<script type="text/javascript" src="../Jsp2/tools/1.js"></script>
</head>
<body>
<input type="button" onclick="demo();" value="演示window中的方法" ><br/>
<input type="button" onclick="demo1();" value="演示window中的方法1" ><br/>
<input type="button" onclick="demo2();" value="演示window中的方法2"><br/>
<input type="button" value="演示window中的方法3---定时器" onclick=" demo3();"><br />
<input type="button" value="演示window中的方法4---定时器2" onclick=" demo4();"><br />
<input type="button" value="演示window中的方法5---打开窗口" onclick="demo5();"><br />
<script type="text/javascript">
function demo(){
alert("hello");
}
function demo1(){
var boo = window.confirm("你真的想关闭窗口??");//显示一个确认对话框，其中包含一个可选的消息和确定取消按钮
if(boo){
close();
}
}

//窗口移动
function demo2(){
window.moveBy(20,20);//把当前窗口的位置移动（10，10）(window可以省略),ie浏览器支持,360不支持
//moveTo(120,210);//把当前窗口的位置移至位置:(120,210) ie浏览器支持,360不支持
}

//创建定时器
function demo3(){
resizeTo(800,500);// 将窗口的大小更改为指定的宽度和高度值
//setTimeout("alert('时间到')",3000);//3秒后执行"alert('时间到')"，
//setInterval("alert('时间到')",3000);//每隔3秒执行一次。setInterval还可以执行方法
setInterval(aa,100);//ie浏览器支持,360不支持
}
var isFirst = true;
function aa(){
if(isFirst){
moveBy(10,10);
resizeBy(10,10);//更改窗口的当前位置缩放指定的 x 和 y 偏移量。
}else{
moveBy(-10,-10);
resizeBy(-10,-10);
}
if(window.screenTop>window.screen.height || window.screenTop<10){
isFirst=!isFirst;
}
}

//清除定时器--取消先前用 setTimeout 方法设置的超时事件。
var idTimer,i=0;
function demo4(){
window.resizeTo(20,200);
//idTimer = setTimeout("alert('时间到')",3000);
idTimer = setInterval(ab,50);//每隔50毫秒,会执行第一个参数中给定的函数,,,执行多次
}
var isFirst=true;
function ab(){
i++;
if(i==200){
//clearTimeout(idTimer);//--取消先前用 setTimeout 方法设置的超时事件。
clearInterval(idTimer);//使用 setInterval 方法取消先前开始的间隔事件。
}

if(isFirst){
moveBy(10,10);
resizeBy(10,10);
}else{
moveBy(-10,-10);
resizeBy(-10,-10);
}
if(window.screenTop>window.screen.height || window.screenTop<10 ){
isFirst=!isFirst;
}
}
</script>

<script type="text/javascript">
var oNewWindow;
function demo5(){//新开一个窗口
oNewWindow = open("ad.html","_blank","height=200,width=400,status=no,toolbar=no,menubar=no,location=no,titlebar=no");
}
</script>
</body>
</html>

0 0