如何利用網(wǎng)頁(yè)彈出各種形式的窗口，我想大家大多都是知道些的，但那種多種多樣的彈出式窗口是怎么搞出來(lái)的，我們今天就來(lái)學(xué)習(xí)一下：

1.彈啟一個(gè)全屏窗口

＜html＞

＜body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');"＞;

＜b＞www.e3i5.com＜/b＞

＜/body＞

＜/html＞

2.彈啟一個(gè)被F11化后的窗口

＜html＞

＜body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');"＞;

＜b＞www.e3i5.com＜/b＞

＜/body＞

＜/html＞

3.彈啟一個(gè)帶有收藏鏈接工具欄的窗口

＜html＞

＜body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');"＞

＜b＞www.e3i5.com＜/b＞

＜/body＞

＜/html＞

4.網(wǎng)頁(yè)對(duì)話框

＜html＞

＜SCRIPT LANGUAGE="javascript"＞

＜!--

showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;

dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')

//--＞

＜/SCRIPT＞

＜b＞www.e3i5.com＜/b＞

＜/body＞

＜/html＞

＜html＞

＜SCRIPT LANGUAGE="javascript"＞

＜!--

showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;

dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')

//--＞

＜/SCRIPT＞

＜b＞http://www.pconline.com.cn＜/b＞

＜/body＞

＜/html＞

showModalDialog()或是showModelessDialog() 來(lái)調(diào)用網(wǎng)頁(yè)對(duì)話框，至于showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開(kāi)的窗口（簡(jiǎn)稱(chēng)模式窗口），置在父窗口上，必須關(guān)閉才能訪問(wèn)父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡(jiǎn)稱(chēng)無(wú)模式窗口），打開(kāi)后不必關(guān)閉也可訪問(wèn)父窗口打開(kāi)的窗口。

dialogHeight: iHeight 設(shè)置對(duì)話框窗口的高度。

dialogWidth: iWidth 設(shè)置對(duì)話框窗口的寬度。

dialogLeft: iXPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的left位置。

dialogTop: iYPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的top位置。

center: {yes no 1 0 } 指定是否將對(duì)話框在桌面上居中，默認(rèn)值是“yes”。

help: {yes no 1 0 } 指定對(duì)話框窗口中是否顯示上下文敏感的幫助圖標(biāo)。默認(rèn)值是“yes”。

resizable: {yes no 1 0 } 指定是否對(duì)話框窗口大小可變。默認(rèn)值是“no”。

status: {yes no 1 0 } 指定對(duì)話框窗口是否顯示狀態(tài)欄。對(duì)于非模式對(duì)話框窗口，默認(rèn)值是“yes”；對(duì)于模式對(duì)話框窗口，默認(rèn)值是 “no”。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

標(biāo)題名稱(chēng)：彈出網(wǎng)頁(yè)窗口設(shè)計(jì)全攻略
當(dāng)前路徑：http://m.newbst.com/news13/319763.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、定制網(wǎng)站、云服務(wù)器、虛擬主機(jī)、小程序開(kāi)發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)