我們在開發過程中通過window.open打開一個新窗口,但是現在瀏覽器和防病毒軟件阻止了這個功能彈出頁面,一般來說,我們只能通過設置信任來使用頁面,但是在后臺開發過程中,我們仍然通過這個方法打開頁面,這里錯新技術頻道簡要介紹了window.open功能的使用方法和常用參數。
【1、最基本的彈出窗口代碼】
其實代碼非常簡單:
因為著是一段javascripts代碼,所以它們應該放在之間。是對一些版本低的瀏覽器起作用,在這
些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養成這個好習慣啊。
window.open ('page.html') 用于控制彈出新的窗口page.html,如果page.html
不與主窗口在同一路徑下,前面應寫明路徑,絕對路徑(http://)和相對路徑(..
/)均可。
用單引號和雙引號都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,
和
之間可以,
間
ody>也可以,越前越早執行,尤其是頁面代碼長,又想使頁面早點彈出就盡量往
前放。
【2、經過設置后的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。
我們來定制這個彈出的窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體
情況。
參數解釋:
js腳本結束
【3、用函數控制彈出窗口】
下面是一個完整的代碼。
...任意的頁面內容...
這里定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有
任何用途。
怎么調用呢?
方法一: 瀏覽器讀頁面時彈出窗口;
方法二: 瀏覽器離開頁面時彈出窗口;
方法三:用一個連接調用:
打開一個窗口
注意:使用的“#”是虛連接。
方法四:用一個按鈕調用:
【4、同時彈出2個窗口】
對源代碼稍微改動一下:
為避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋即可
。最后用上面說過的四種方法調用即可。
注意:2個窗口的name(newwindows和newwindow2)不要相同,或者干脆全部為空。
OK?
【5、主窗口打開文件1.htm,同時彈出小窗口page.html】
如下代碼加入主窗口區:
加入區:
open即可。
【6、彈出的窗口之定時關閉控制】
下面我們再對彈出的窗口進行一些控制,效果就更好了。如果我們再將一小段
代碼加入彈出的頁面(注意是加入到page.html的HTML中,可不是主頁面中,否則
...),讓它10秒后自動關閉是不是更酷了?
首先,將如下代碼加入page.html文件的區:
然后,再用 這一句話代替page.html中原有的
DY>這一句就可以了。(這一句話千萬不要忘記寫啊!這一句的作用是調用關閉窗
口的代碼,10秒鐘后就自行關閉該窗口。)
【7、在彈出窗口中加上一個關閉按鈕】
新聞熱點
疑難解答
圖片精選