2009年1月12日

window:方法一頁

window | 特徵一頁 | 二頁 | 三頁 | 四頁 | 五頁
方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁
操控器一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 成員表
window 的方法

使用這些特徵時,可以用 window.method();也可以省略 window,直接用 method()。

alert()

顯示警告訊息窗。其語法是:

window.alert(訊息)

訊息可是字串,數值,物件,或陣列。

  • 程式用法:

    <a href='javascript:alert("您好")'>點此顯示訊息</a>

  • 執行結果:

    點此顯示訊息

addEventListener()
removeEventListener()

請參考詳細說明與範例

  • 程式用法:

    <script type='text/javascript'>
    var elCounter=0;
    function showClicks()
    {
      var o=document.getElementById('elText');
      o.value=++elCounter;

    }
    function newListener()
    {
      if(window.addEventListener)
        window.addEventListener("click", showClicks, false); 
      else
        window.attachEvent("onclick", showClicks); 
    }
    function delListener()
    {
      if(window.removeEventListener)
        window.removeEventListener("click", showClicks, false); 
      else
        window.detachEvent("onclick", showClicks); 
    }
    </script>
    <div id='tst' style='width:100%'>
    <a href='javascript:newListener()'>點此增加新操控器</a> / 
    <a href='javascript:delListener()'>移除操控器</a><br />
    顯示滑鼠點擊次數:<input id='elText' size=12>
    </div>

  • 執行結果:

    點此增加新操控器 / 移除操控器
    顯示滑鼠點擊次數:
  • 先增加新操控器,然後點滑鼠,就會改變數字。
  • 上例中,Firefox, Safari, Chrome 都成功。IE 使用 attachEvent(),筆者試過 window, doccument.body 都失敗;似乎 attachEvent() 只能用在元素物件。
back()

back();在網頁歷史,向後一頁。限 Firefox 使用。

  • 程式用法:

    <a href='javascript:window.back()'>按此回前一頁</a>

  • 執行結果:

    按此回前一頁

blur()

取消聚焦指定的網頁物件。

  • 程式用法:

    <a href='javascript:window.blur()'>按此取消聚焦</a>

  • 執行結果:

    按此取消聚焦

  • 在 IE,會回到前一個工作狀態;Firefox, Safari, Chrome 都沒有反應。
confirm()

顯示訊息窗及兩個回應鈕:確定(Ok),取消(Cancel)。其語法是:

window.confirm(訊息)

訊息可是字串,數值,物件,或陣列。用戶可點選回應鈕,點確定傳回 true,點取消傳回 false。

  • 程式用法:

    <script type='text/javascript'>
    var wor;
    function gotIt()
    {
      var o=document.getElementById('ansText');
      if( confirm("網路遊戲好玩嗎?") )
        o.value='很好!';
      else
        o.value='普通!';
    }
    </script>
    <a href='javascript:gotIt()'>點此顯示訊息</a>
    回答:<input id='ansText' size=12>

  • 執行結果:

    點此顯示訊息 回答:


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。