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()"/>
- window对象
- window对象
- Window对象
- window对象
- window对象
- window对象
- Window 对象
- window对象
- Window 对象
- window对象
- window对象
- window对象
- Window 对象
- Window对象
- window对象
- Window对象
- window对象
- window对象
- Redis 发布订阅简测
- ASP中实现文件上传方法的研究
- C++改善_2016_11_23
- 【39.66%】【codeforces 740C】Alyona and mex
- 欢迎使用CSDN-markdown编辑器
- window对象
- JVM字节码执行引擎
- #早安,努力#11.24
- [OpenGL]从零开始写一个Android平台下的全景视频播放器——2.1 使用GLSurfaceView和MediaPlayer播放一个平面视频(上)
- JAVA动态代理模式(从现实生活角度理解代码原理)
- 第8篇 WebRTC一对一IOS端研究(一)
- history对象和location对象
- Java之构造函数
- screen对象和Event对象