window对象

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


window对象

常用的函数和属性. 

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

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

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

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

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

</head> <body>
当前时间是, <!--读10秒自动停止,并弹出一句话"hello.wrold"-->

<span id="myspan">???</span>

</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>


小游戏

<html> <head>
<title>文档标题</title>

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

<input type="button" value="加速"/>

<input type="button" value="减速"/>
<input type="button" value="停止" onclick="sendCommand(this)"/>

<input type="button" value="开始" onclick="sendCommand(this)"/>

</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>

<input onclick="test();" type="button" value="开新窗口"/>


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>

<input type="text" id="myinfo"/>

<input type="text" id="myinfo2"/>
<input type="button" value="送给父窗口" onclick="send()"/>

0 0
原创粉丝点击