天天看點

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,如需轉載請自行聯系原作者

繼續閱讀