JS window对象简单操作完整示例

2023-08-03 03:08:05 74

本文实例讲述了JSwindow对象简单操作。分享给大家供大家参考，具体如下：

例1：



js---window函数


//显示框:没有返回值,出现一个提示框
varsto;
varstl;
functiontestAlert(){
vara=window.alert("显示框测试");
alert(a);
}
//确认框:有返回值,显示一个选择框,当选择确认返回true,当选择取消会返回false
functiontestConfirm(){
varflag=window.confirm("显示确认框");
alert(flag);
}
//提示框:有返回值,显示一个提示框,用来输入,当输入数据点击确定时,会返回输入的值,没输入也显示,不过没有值,当当点击取消会返回null
functiontestPrompt(){
varb=window.prompt();
alert(b);
}
//设置点击后的等待时间:在函数中的对象在指定时间后才会执行,有返回值,返回一个数字,指的是当前定时器id
functiontestSetTimeout(){
sto=window.setTimeout(function(){
alert("测试等待后执行，等待三秒");
},3000);
//alert(sto);
}
//设置间隔时间执行:在函数中的对象每间隔一定的时间就会执行一次,有返回值,也是一个数字,指的是当前定时器id
functiontestSetInterval(){
stl=window.setInterval(function(){
alert("测试间隔执行，每隔2秒执行一次");
},2000);
//alert(c);
}
//和settimeout配套使用,来进行终止操作
functiontestClearTimeout(){
window.clearTimeout(sto);
alert("直接阻断定时触发事件");
//alert(cl);
}
//和setinterval配套使用,来终结间隔执行事件
functiontestClearInterval(){
window.clearInterval(stl);
alert("直接阻断间隔触发事件");
//alert(cl);
}
//几个属性的设置不是很准
functiontestOpen(){
window.open('Animation.html','newwindow','heigth=300px,width=300px,top=100px,left=200px,toolbar=yes,menubar=yes,scrollers=yes,resizable=no,location=yes,status=yes');
}
//利用子页面调用父页面的函数，注意在子页面中创建一个函数。其内部添加opener调用父类函数。
functiontestOpener(){
alert("clannad,赛高");
}


hr{
height:10px;
background-color:bisque;
border-radius:10px;
}



js---window函数

例2：



动漫


functiontimeDown(){
window.setInterval(function(){
varspantime=document.getElementById("time");
//得到spantime时的数据时string类型但是由于是减法所以可以直接自动转换为number
spantime.innerHTML=spantime.innerHTML-1;//得到变量的改变值
//关闭页面操作
if(spantime.innerHTML==0){
window.close();
}
},1000)
}
functiontestFather(){
window.opener.testOpener();
}


#time{
font-size:30px;
color:red;
}




添加一个限时阅览

歓迎する,该页面将于10秒终结访问





动漫回顾
几部动漫


《clannad》
《星游记》
《海贼王》
《境界的彼方》


《clanad》
《星游记》
《海贼王》
《境界的彼方》


clannad人物介绍
冈崎朋也
冈崎朋也图片

古河渚
古河渚图片

春原阳平
春原阳平图片

伊吹风子
伊吹风子图片



星游记人物介绍
麦当
迪亚
咕咚


海贼王/dt>
路飞
路飞的船员
路飞的敌人


境界的彼方
栗山未来
神原秋人
名濑月美
名濑博晨




人物名称
与路飞的关系
实力
果实能力
备注


路飞
本人
标准原点
橡胶果实
主角光环加持，无限可能，极度抗打


索隆
伙伴
和路飞实力相近
无
路飞海贼团第二战力，实力和路飞差不多，但光环加成远不及路飞


BigMom
敌人                  高于路飞

魂魂果实
海上四皇之一，有强大的战力


凯多


无



香克斯
伙伴
高于路飞
面子果实
实力深不可测，是海上四皇之一，船员不多但各个都很强




海贼王百度百科

海贼王爱奇艺资源


























本页刷新

点这跳转





clannad百度百科

团子大家族百度百科

返回顶部

在开发过程中，js主要是通过函数进行操作的在，所以各个js的开发商封装了类，其中window类的学习在此。window类型的使用方法和math的使用相同，不用创建对象，直接用实体进行调用。

基本内容有：

显示框的显示；几种时间定时和时间间隔执行；函数方法调用其他子窗口，子窗口与父函数的交互。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

JS window对象简单操作完整示例

js---window函数

添加一个限时阅览

几部动漫

热门推荐

随机推荐