天天看点

JavaScript:window窗口对象

在JavaScript中,window表示的就是一个窗口对象。所以在整个处理过程之中,所有的操作都是以弹框为主 

的。

范例1:使用警告框

  <script type="text/javascript">

    window.alert("hello world");

  </script>

代码:

JavaScript:window窗口对象

效果图:

JavaScript:window窗口对象

使用window实现数据的输入操作

范例2:观察数据的输入操作

    var name = window.prompt("请输入您的姓名","你的姓名");

    document.write("<h1>"+name+"</h1>");

JavaScript:window窗口对象

默认时:

JavaScript:window窗口对象

输入姓名时:

JavaScript:window窗口对象

输出结果:

JavaScript:window窗口对象

在window对象里面还可以打开其他的子窗口。

范例3:打开其他窗口

    window.open("pass.html");

JavaScript:window窗口对象
JavaScript:window窗口对象
JavaScript:window窗口对象

设置不拦截窗口:

JavaScript:window窗口对象

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

JavaScript:window窗口对象

在window窗口里有一个功能很有意思:确认框。

范例4:删除是需要确认

    window.onload = function () {

    document.getElementById("deleteBtn").addEventListener('click',function(){

    if (window.confirm("确定要删除吗?")) {

      window.location = "pass.html"; //跳转到指定路径

      }

    },false);

  }

JavaScript:window窗口对象

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

JavaScript:window窗口对象

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

JavaScript:window窗口对象

总结:

1.千万别用警告框,用一次可以;

2.执行某些重要更新前要进行确认提示;

3.window.location可以进行跳转操作。

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5836040.html,如需转载请自行联系原作者

继续阅读