码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript:window窗口对象

时间:2016-09-03 01:00:29      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:

在JavaScript中,window表示的就是一个窗口对象。所以在整个处理过程之中,所有的操作都是以弹框为主
的。
范例1:使用警告框
  <script type="text/javascript">
    window.alert("hello world");
  </script>

代码:

技术分享

效果图:

技术分享 

 


使用window实现数据的输入操作
范例2:观察数据的输入操作
  <script type="text/javascript">
    var name = window.prompt("请输入您的姓名","你的姓名");
    document.write("<h1>"+name+"</h1>");
  </script>

代码:

技术分享

效果图:

默认时:

技术分享

 

输入姓名时:

技术分享

输出结果:

技术分享
在window对象里面还可以打开其他的子窗口。
范例3:打开其他窗口
  <script type="text/javascript">
    window.open("pass.html");
  </script>

代码:

技术分享 技术分享

效果图:

默认时:

技术分享

设置不拦截窗口:

技术分享

点击“是”,打开该窗口:

技术分享


在window窗口里有一个功能很有意思:确认框。
范例4:删除是需要确认
  <script type="text/javascript">
    window.onload = function () {
    document.getElementById("deleteBtn").addEventListener(‘click‘,function(){
    if (window.confirm("确定要删除吗?")) {
      window.location = "pass.html"; //跳转到指定路径
      }
    },false);
  }
  </script>

代码:

技术分享

效果图:

默认时,点击"删除邮件",出现确认框:

技术分享

点击“确定”,跳转指定路径界面:

技术分享

总结:

1.千万别用警告框,用一次可以;
2.执行某些重要更新前要进行确认提示;
3.window.location可以进行跳转操作。

JavaScript:window窗口对象

标签:

原文地址:http://www.cnblogs.com/XYQ-208910/p/5836040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!