window对象

来源：互联网发布：练文笔的软件编辑：程序博客网时间：2024/06/16 10:35

window对象

常用的函数和属性.

① confirm:
var res=window.confirm("确认安装该软件吗?");

if(res){ window.alert("安装ok"); }

else{ window.alert("安装ok"); }

② setInterval("函数名()",调用该函数的间隔时间) 和 clearInterval

1. 简单时钟
<html> <head>
<title>文档标题</title>

</head> <body>
当前时间是,

</body>
<script type="text/javascript">

var i=0;

var myspan=document.getElementById("myspan");

function abc()

{

//window.alert(++i);

var mytime=new Date() ;

//对象.innterText表示在该对象对应标签的中间放入文本

myspan.innerText=mytime.toLocaleString();

if(++i==10){ window.clearInterval(mytime2);

window.alert("hello,world,不走了");

}

//做了一个定时器

var mytime2=window.setInterval("abc()",1000);
</script> </html>

小游戏

</head> <body>
<img id="boy" src="1.png" /><br/>

</body>
<script type="text/javascript">

var boy=document.getElementById("boy");

var img_no=0; function start()

{

var no=((img_no++)%8);

boy.src=no+".png";

}

function stop()

{ window.clearInterval(time1); }

//每隔一秒切换一次图片

var time1=""; function sendCommand(obj)

{ switch(obj.value)

{

case "开始":

time1=setInterval("start()",100);

break;

case "停止":

stop();

break;

}

</script>

</html>

③ setTimeout / clearTimeout
该函数也可以做定时器，但是它只调用函数一次，就结束了

function abc()

{ window.alert("hello"); }

//启用一个定时器

var time1=window.setTimeout("abc()",3000);

window.clearTim

④ moveTo moveBy resizeTo resizeBy
<script type="text/javascript">

window.moveTo(200,200);

function abc()

{

//window.moveBy(20,20);

window.resizeBy(20,20);

}

window.resizeTo(100,300);

</script>

eout(time1);

⑤ open 函数该函数用于打开一个新窗口
<script type="text/javascript">

function test()

{

//第二个参数可以指定，是替换本窗口(_self)，还是开窗口(_blank 默认)

//第三个参数可以指定新窗口的样式.

window.open("newwindow.html","_blank","

width=300,height=300,toolbar=yes,

titlebar=yes,status=yes,

location=yes,resizable=yes");//开新窗口 }

</script>

opener 属性子窗口引用父窗口信息
A页面：
<script type="text/javascript">

var newwindow="";

function test()

{

//open函数本身就会返回子窗口的引用

newwindow=window.open("b.html");

}

function test2()

{

//取出用户希望发送给子窗口的信息

var my_text=document.getElementById("myinfo");

//newwindow.document 实际上b.html页面的文档

var chlid_text=newwindow.document.getElementById("myinfo");

chlid_text.value=my_text.value;

}

</script>
<input onclick="test();" type="button" value="开新窗口"/>
<input type="text" id="myinfo" />
<input type="button" onclick="test2()" value="发送给子窗口"/>

B页面
<script type="text/javascript">

function send()

{

var chlid_text=document.getElementById("myinfo2");

//opener表示该页面的父窗口

opener.document.getElementById('myinfo').value=chlid_text.value;

}

</script>

<h1>我是b.html页面</h1>

0 0