JavaScript 彈出視窗總結

2021-09-05 19:09:03 字數 1973 閱讀 6199

1: window.open

引數解釋:

window.open 彈出新視窗的命令;

'page.html' 彈出視窗的檔名;

'newwindow' 彈出視窗的名字(不是檔名),非必須,可用空''代替;

height=100 視窗高度;

width=400 視窗寬度;

top=0 視窗距離螢幕上方的象素值;

left=0 視窗距離螢幕左側的象素值;

*******=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,但仍可以指定高度和寬度。

help: :是否顯示幫助按鈕,預設yes。

resizable: [ie5+]:是否可被改變大小。預設no。

status: [ie5+]:是否顯示狀態列。預設為yes[ modeless]或no[modal]。

scroll::指明對話方塊是否顯示滾動條。預設為yes。

還有幾個屬性是用在hta中的,在一般的網頁中一般不使用。

dialoghide::在列印或者列印預覽時對話方塊是否隱藏。預設為no。

edge::指明對話方塊的邊框樣式。預設為raised。

unadorned::預設為no。

3. 父視窗重新整理問題

(1) 用window.open()開啟的視窗

window.opener.location.reload();

(2) 用showmodaldialog()開啟的視窗

window.parent.dialogarguments.document.execcommand('refresh');

ajax彈出視窗提示與彈出視窗

如果用了updatepanel 彈出的寫法 scriptmanager.registerstartupscript this.updatepanel1,page.gettype alert 彈出提示 true scriptmanager.registerstartupscript this.upda...

彈出網頁視窗

1.彈出乙個全屏視窗 onclick window.open url,example01 fullscreen 2.彈出乙個被f11化後的視窗 nclick window.open url,example02 channelmode 3.彈出乙個帶有收藏鏈結工具欄的視窗 nclick window....

彈出視窗頁面

提用的頁面 要開啟的url 要開啟頁面的名稱 視窗寬度 視窗高度 視窗左側位置 視窗右側位置 是否右中 yes no 是否顯示狀態列 yes no true 不關閉彈出視窗,將不能操作父視窗 false 可以操作父視窗 public static void opennewwinodw page pa...