彈出網頁視窗

2021-04-12 21:29:18 字數 1314 閱讀 5757

1.彈出乙個全屏視窗

onclick="

window.open(url,'example01','fullscreen'); "

2.彈出乙個被f11化後的視窗

οnclick="window.open(url,'example02','channelmode');"

3.彈出乙個帶有收藏鏈結工具欄的視窗

οnclick="window.open(url,'example03','width=400,height=300,directories');"

4.彈出乙個網頁對話方塊

<1>

οnclick="showmodaldialog(url,'example04','dialogwidth:400px;dialogheight:300px;

dialogleft:200px;dialogtop:150px;center:yes;help:yes;resizable:yes;status:yes');"

<2>

οnclick="showmodelessdialog(url,'example05','dialogwidth:400px;dialogheight:300px;

dialogleft:200px;dialogtop:150px;center:yes;help:yes;resizable:yes;status:yes');"

showmodaldialog()或是showmodelessdialog() 來呼叫網頁對話方塊,至於showmodaldialog()與showmodelessdialog()的區別,在於showmodaldialog()開啟的視窗(簡稱模式視窗),置在父視窗上,必須關閉才能訪問父視窗(建議盡量少用,以免招人反感);showmodelessdialog()(簡稱無模式視窗),開啟後不必關閉也可訪問父視窗開啟的視窗。

dialogheight: iheight 設定對話方塊視窗的高度。

dialogwidth: iwidth 設定對話方塊視窗的寬度。   

dialogleft: ixpos 設定對話方塊視窗相對於桌面左上角的left位置。

dialogtop: iypos 設定對話方塊視窗相對於桌面左上角的top位置。

center: 指定是否將對話方塊在桌面上居中,預設值是「yes」。

help: 指定對話方塊視窗中是否顯示上下文敏感的幫助圖示。預設值是「yes」。   

resizable: 指定是否對話方塊視窗大小可變。預設值是「no」。

status: 指定對話方塊視窗是否顯示狀態列。對於非模式對話方塊視窗,預設值是「yes」;對於模式對話方塊視窗,預設值是 「no」。

注:以上所有url是你彈出的頁面的路徑.

網頁彈出視窗

這樣有時候比自定義的js彈出層更實用,目前火狐也能用,不過引數不生效 showmodaldialog 或是showmodelessdialog 來呼叫網頁對話方塊,至於showmodaldialog 與showmodelessdialog 的區別,在於showmodaldialog 開啟的視窗 簡稱...

彈出網頁視窗全攻略

如何利用網頁彈出各種形式的視窗,我想大家大多都是知道些的,但那種多種多樣的彈出式視窗是怎麼搞出來的,我們今天就來學習一下 1.彈啟乙個全屏視窗 www.e3i5.com 2.彈啟乙個被f11化後的視窗 www.e3i5.com 3.彈啟乙個帶有收藏鏈結工具欄的視窗 www.e3i5.com 4.網頁...

網頁彈出視窗製作全攻略!

如何利用網頁彈出各種形式的視窗,我想大家大多都是知道些的,但那種多種多樣的彈出式視窗是怎麼搞出來的,我們今天就來學習一下 1.彈啟乙個全屏視窗 example01 fullscreen www.black xstar.com 2.彈啟乙個被f11化後的視窗 example02 channelmode...