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