Window 物件其他常用方法LOGIN

Window 物件其他常用方法

open()方法

  • #功能:開啟一個新的瀏覽器視窗。

  • 語法:var winObj = window.open([url][,name][,options]);

  • 說明:參數可有可無。如果沒有指定參數,則開啟一個選項卡式的視窗(大小是最大大化)。

  • 參數:

    • #url:準備在新視窗中顯示哪個檔案。 url可以為空字串,表示顯示一個空的頁面。

    • name:新視窗的名字,該名字給予標記的target屬性來用

    • options:視窗的規格。

                                                        left:新視窗距離螢幕左邊的距離

                                                            toolbar:是否顯示工具列。

                                  

                               地

                                地

                4.以該視窗傳回一個window物件的變量,則可透過此名稱追蹤此視窗。 winObj具備window物件的所有屬性與方法。

註:

onload事件:當網頁載入完成,指標記的所有內容全部載入完成,才觸發該事件(條件) 。透過onload事件屬性,去呼叫JS的函數。 onload屬性只有body標記才有。

onclick事件:當點擊時,去呼叫JS程式碼。所有HTML標記都具有該事件屬性。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
        function init(){
        window.open("","php.cn") 
        }
        </script>
    </head>
    <body onload="init()">
    </body>
</html>


#延時器方法-setTimeout()

setTimeout()

  • 功能:設定一個延時器,換句話說:時間一到,就執行JS程式碼一次。

  • 語法:var timer = window.setTimeout(code,millisec)

  • 參數:

                code:是任何合法中的JS代碼,且一般情況下為JS函數。此函數要放在引號中。

                        重複例:window.setTimeout(「close()」      舉例:window.setTimeout(init, 2000);  //傳函數位址,因此不需要加括號。如果加括號,是將函數的執行結果傳到方法中。

                 millisec:毫秒值。 1秒=1000毫秒

    傳回值:傳回一個延時器的id變量,這個id變數給clearTimeout()用來清除。
clearTimeout()

    #功能:清除延時器id變數
  • 語法:window.clearTimeout(timer)
  • 參數:timer就是由setTimeout()設定的延時器的id變數。
  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>php.cn</title>
            <script type="text/javascript">
            function init(){
            //打开一个新窗口
            var win=window.open();
            win.document.write("欢迎来到php.cn") ;
            //新窗口2秒后关闭
            win.setTimeout("window.close()",2000);
            }
            </script>
        </head>
        <body onload="init()">
        </body>
    </html>


#定時器方法

定時器方法
  • ##setInterval()
  • ######功能:設定一個計時器。定時器,重複不斷的執行JS程式碼(週期性)。 ############ 語法: var timer = window.setInterval(code , millisec)###
  • 參數:

                code:且為任何合法中的JS程式碼,且一般情境為JS函數。此函數要放在引號中。

                        重複例:window.setInterval(「init()」      舉例:window.setInterval(init, 2000);  //傳函數位址,因此不需要加括號。如果加括號,是將函數的執行結果傳到方法中。

                millisec:以毫秒為計。 1秒=1000毫秒

    回傳值:回傳一個計時器的id變量,這個id變數給clearInterval()用來清除。
clearInterval()

    #功能:清除定時器id變數
  • 語法:window.clearInterval(timer)
  • 參數:timer就是由setInterval()設定的計時器的id變數。
  • #下一節
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ window.open("","php.cn") } </script> </head> <body onload="init()"> </body> </html>
章節課件