JavaScript學習－Window對象

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

Window對象代表瀏覽器的整個視窗，編程人員可以利用window對象控制瀏覽器視窗的各個方面，如改變狀態列上的顯示文字，移動視窗的位置等。
Window對象的屬性和方法的引用，可以省略"Window."這個首碼。
Window對象的方法：
alert：顯示只具有“OK”按鈕的對話方塊。顯示包含由應用程式自訂訊息的對話方塊。
confirm 顯示一個確認對話方塊，其中包含一個可選的訊息和確定取消按鈕。
prompt 顯示一個提示對話方塊，其中帶有一條訊息和一個輸入框。
navigate 在當前視窗中裝入指定 URL。
setInterval 指定每隔多少毫秒後執行指定代碼。代碼會執行多次。
setTimeout 指定瀏覽器在多少毫秒後執行指定代碼。代碼只執行一次。
clearInterval 取消setInterval開始的間隔事件。
clearTimeout 取消setTimeout方法設定的逾時事件。
moveTo 將視窗左上方的螢幕位置移動到螢幕指定的 x 和 y 位置。

attachEvent 將指定函數綁定到事件，以便每當該事件在對象上觸發時都調用該函數。
blur 使元素失去焦點並觸發 onblur 事件。

close 關閉當前瀏覽器視窗或 HTML 應用程式(HTA)。
createPopup 建立快顯視窗。
detachEvent 從事件中取消指定函數的綁定，這樣當事件觸發時函數就不會收到通知了。
execScript 以給定語言執行指定的指令碼。
focus 使得元素得到焦點並執行由 onfocus 事件指定的代碼。
moveBy 將瀏覽器視窗的位置移動指定 x 和 y 位移值。
resizeTo 改變瀏覽器視窗的大小為指定的寬度和高度值。
open 開啟新視窗並裝入給定 URL 的文檔。
showModalDialog 建立一個顯示指定 HTML 文檔的強制回應對話方塊。此視窗不能改變大小，且沒有功能表列、工具列等。使用者必須關閉此視窗才能執行下一步操作。
showModelessDialog 建立一個顯示指定 HTML 文檔的非強制回應對話方塊。使用者不必須關閉此視窗就能執行下一步操作。
print 列印與視窗關聯的文檔。

resizeBy 更改視窗的當前位置縮放指定的 x 和 y 位移量。
scroll 將視窗滾動到自左上方起指定的 x 和 y 位移量。
scrollBy 將視窗滾動 x 和 y 位移量。
scrollTo 將視窗滾動到指定的 x 和 y 位移量。
setActive 設定對象為當前對象而不將對象置為焦點。
showHelp 顯示協助檔案。此方法可用於 Microsoft HTML 協助。

例子：

在單擊按鈕後，彈出另外一下視窗，自動放大三秒後關閉開啟的視窗。

主表單js_WindowsPro1.aspx代碼：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>無標題頁</title>
    <%--JavaScript學習--%>
    <script type="text/javascript" language="JavaScript">
        function PersionShow()
        {
            window.open("js_information.aspx","_blank","left=100,top=100,width=100,height=100,fullscreen=no,toolbar=no,titlebar=no");

        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <%--測試使用的按鈕--%>
            <input id="Button1" type="button" runat="server" value="測試" onclick="PersionShow();" />
        </div>
    </form>
</body>
</html>

彈出頁js_information.aspx代碼：

</head>
<body onload="LoadEvent()">
    <form id="form1" runat="server">
        <div>
           3秒後自動關閉
        </div>
    </form>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More