JavaScript 快顯視窗總結

來源:互聯網
上載者:User

1: window.open
<!--
window.open('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
參數解釋:
window.open 彈出新視窗的命令;
'page.html' 快顯視窗的檔案名稱;
'newwindow' 快顯視窗的名字(不是檔案名稱),非必須,可用空''代替;
height=100 視窗高度;
width=400 視窗寬度;
top=0 視窗距離螢幕上方的象素值;
left=0 視窗距離螢幕左側的象素值;
toolbar=no 是否顯示工具列,yes為顯示;
menubar,scrollbars 表示功能表列和滾動欄。
resizable=no 是否允許改變視窗大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態列內的資訊(通常是檔案已經開啟),yes為允許;

2: showModalDialog()、showModelessDialog()
(1) window.showModalDialog() 模態對話方塊
模態對話方塊始終有焦點(焦點不可移走,直到它關閉)。

(2) window.showModelessDialog() 非模態對話方塊
由於是對話方塊,因此它並沒有一般用window.open()開啟的視窗的所有屬性。
不必用window.close()去關閉它,
當以非模態方式[IE5]開啟時, 開啟對話方塊的視窗仍可以進行其他的操作,
即對話方塊不總是最上面的焦點,當開啟它的視窗URL改變時,它自動關閉。

(3) 使用方法如下:
 vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
 vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
參數說明:
 sURL
 必選參數,類型:字串。用來指定對話方塊要顯示的文檔的URL。
 vArguments
 選擇性參數,類型:變體。用來向對話方塊傳遞參數。傳遞的參數類型不限,包括數組等。
 對話方塊通過 window.dialogArguments 來擷取傳遞進來的參數, 通過 window.returnValue 來進行回傳參數。

 sFeatures
 選擇性參數,類型:字串。用來描述對話方塊的外觀等資訊,可以使用以下的一個或幾個,用分號“;”隔開。
 dialogHeight 對話方塊高度,不小於100px,IE4中dialogHeight 和 dialogWidth 預設的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話方塊時,用px做單位。
 dialogWidth: 對話方塊寬度。
 dialogLeft: 距離案頭左的距離。
 dialogTop: 離案頭上的距離。
 center: {yes | no | 1 | 0 }:視窗是否置中,預設yes,但仍可以指定高度和寬度。
 help: {yes | no | 1 | 0 }:是否顯示協助按鈕,預設yes。
 resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。預設no。
 status: {yes | no | 1 | 0 } [IE5+]:是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。
 scroll:{ yes | no | 1 | 0 | on | off }:指明對話方塊是否顯示捲軸。預設為yes。

  還有幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
 dialogHide:{ yes | no | 1 | 0 | on | off }:在列印或者預覽列印時對話方塊是否隱藏。預設為no。
 edge:{ sunken | raised }:指明對話方塊的邊框樣式。預設為raised。
 unadorned:{ yes | no | 1 | 0 | on | off }:預設為no。

3. 父視窗重新整理問題
(1) 用window.open()開啟的視窗
 window.opener.location.reload();
 
(2) 用showModalDialog()開啟的視窗
 window.parent.dialogArguments.document.execCommand('Refresh');

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.