彈出網頁視窗全攻略

2022-05-21 15:39:07 字數 2182 閱讀 3776

如何利用網頁彈出各種形式的視窗,我想大家大多都是知道些的,但那種多種多樣的彈出式視窗是怎麼搞出來的,我們今天就來學習一下:

1.彈啟乙個全屏視窗

;www.e3i5.com

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

;www.e3i5.com

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

www.e3i5.com

4.網頁對話方塊

www.e3i5.com

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」。

5.hta視窗

之間可以,間也可以,

越前越早執行,尤其是頁面**長,又想使頁面早點彈出就盡量往前放。

【2、經過設定後的彈出視窗】

下面再說一說彈出視窗的設定。

只要再往上面的**中加一點東西就可以了。我們來定製這個彈出的視窗的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況。

引數解釋:

js指令碼結束

【3、用函式控制彈出視窗】

下面是乙個完整的**。

...任意的頁面內容...

這裡定義了乙個函式openwin(),函式內容就是開啟乙個視窗。在呼叫它之前沒有任何用途。

怎麼呼叫呢?

方法一:瀏覽器讀頁面時彈出視窗;

方法二:瀏覽器離開頁面時彈出視窗;

方法三:用乙個連線呼叫:

開啟乙個視窗

注意:使用的「#」是虛連線。

方法四:用乙個按鈕呼叫:

【4、同時彈出2個視窗】

對源**稍微改動一下:

為避免彈出的2個視窗覆蓋,用top和left控制一下彈出的位置不要相互覆蓋即可。最後用上面說過的四種方法呼叫即可。

注意:2個視窗的name(newwindows和newwindow2)不要相同,或者乾脆全部為空。ok?

【5、主視窗開啟檔案1.htm,同時彈出小視窗page.html】

如下**加入主視窗

開啟乙個視窗

看看 openwindow.document.write()裡面的**不就是標準的html嗎?

只要按照格式寫更多的行即可。千萬注意多乙個標籤或少乙個標籤就會出現錯誤。

記得用openwindow.document.close()結束啊。

【9、終極應用--彈出的視窗之cookie控制】

回想一下,上面的彈出視窗雖然酷,但是有一點小毛病(沉浸在喜悅之中,一定沒有發現吧?)

比如你將上面的指令碼放在乙個需要頻繁經過的頁面裡(例如首頁),

那麼每次重新整理這個頁面,視窗都會彈出一次,是不是非常煩人?:-(

有解決的辦法嗎?yes! ;-) follow me.

我們使用cookie來控制一下就可以了。

首先,將如下**加入主頁面html的區:

然後,用(注意不是openwin而是loadpop啊!)替換主頁面中原有的這一句即可。

你可以試著重新整理一下這個頁面或重新進入該頁面,視窗再也不會彈出了。真正的pop-only-once!

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

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

網頁設計求職全攻略

關於網頁設計這個行業,在中國來講這個行業並不成熟,這個跟國家的經濟,文化修養有密切的關係。我們不能跟歐美和南韓相比,他們有強大經濟實力,設計這個東西,只有在經濟蓬髮的時代或在經濟發達的城市才能產生價值。設計是推動市場營銷的生產力,只要是視覺設計類,都有乙個共同的目地,傳達資訊為商業服務。網頁設計也是...

測試全攻略

include class1.h include include cppunit testrunner.h include cppunit testresult.h include cppunit testresultcollector.h include cppunit extensions he...