2007-02-22 10:46:45

以下是網頁上比較常用的幾種彈窗程式碼

【1、最基本的彈出視窗程式碼】
其實程式碼非常簡單：

　因為這是一段javascripts程式碼，所以它們應該放在

標籤和

之間。<!-- 和 --&gt是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標籤中
的程式碼作為文字顯示出來。要養成這個好習慣啊。
　window.open ('tanchu.html') 用於控制彈出新的視窗tanchu.html，如果tanchu.html不與主視窗在
同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。
　用單引號和雙引號都可以，只是不要混用。
　這一段程式碼可以加入HTML的任意位置，和之間可以，間也可以，
越前越早執行，尤其是頁面程式碼長，又想使頁面早點彈出就儘量往前放。

【2、經過設定後的彈出視窗】
　下面再說一說彈出視窗的設定。只要再往上面的程式碼中加一點東西就可以了。我們來定製這個
彈出的視窗的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。

　引數解釋：

【3、用函式控制彈出視窗】
　下面是一個完整的程式碼。

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

　這裡定義了一個函式openwin(),函式內容就是開啟一個視窗。在呼叫它之前沒有任何用途。
怎麼呼叫呢？
方法一：

瀏覽器讀頁面時彈出視窗；
　方法二：瀏覽器離開頁面時彈出視窗；
　方法三：用一個連線呼叫：

【4、同時彈出2個視窗】
　對原始碼稍微改動一下：

　為避免彈出的2個視窗覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最後用上面
說過的四種方法呼叫即可。
注意：2個視窗的name(newwindows和newwindow2)不要相同，或者乾脆全部為空。OK？

【5、主視窗開啟檔案1.htm，同時彈出小視窗tanchu.html】
　如下程式碼加入主視窗

區：

加入

區：
open即可。

【6、彈出的視窗之定時關閉控制】

[@more@]下面我們再對彈出的視窗進行一些控制，效果就更好了。如果我們再將一小段程式碼加入彈出的
頁面(注意是加入到tanchu.html的HTML中，可不是主頁面中，否則...)，讓它10秒後自動關閉是不
是更酷了？
　首先，將如下程式碼加入tanchu.html檔案的區：

function closeit() { setTimeout("self.close()",10000) //毫秒 }

　然後，再用

這一句話代替tanchu.html中原有的這一句就可
以
了。(這一句話千萬不要忘記寫啊！這一句的作用是呼叫關閉視窗的程式碼，10秒鐘後就自行關閉
該
視窗。)

【7、在彈出視窗中加上一個關閉按鈕】

呵呵，現在更加完美了！

【8、內包含的彈出視窗-一個頁面兩個視窗】
上面的例子都包含兩個視窗，一個是主視窗，另一個是彈出的小視窗。
透過下面的例子，你可以在一個頁面內完成上面的效果。

　看看 OpenWindow.document.write()裡面的程式碼不就是標準的HTML嗎？只要按照格式寫更多的
行即可。千萬注意多一個標籤或少一個標籤就會出現錯誤。記得用OpenWindow.document.close
()
結束啊。

【9、終極應用--彈出的視窗之Cookie控制】
　回想一下，上面的彈出視窗雖然酷，但是有一點小毛病(沉浸在喜悅之中，一定沒有發現吧？)
比如你將上面的指令碼放在一個需要頻繁經過的頁面裡(例如首頁)，那麼每次重新整理這個頁面，視窗
都會彈出一次，是不是非常煩人？:-(
　有解決的辦法嗎？Yes! Follow me.
我們使用cookie來控制一下就可以了。
　首先，將如下程式碼加入主頁面HTML的

區：

　然後，用

（注意不是openwin而是loadpop啊！）替換主頁面中
原
有的這一句即可。你可以試著重新整理一下這個頁面或重新進入該頁面，視窗再也不會彈出
了。

彈出視窗程式碼

相關文章