JavaScript中window.open用法實例詳解_javascript技巧
本文較為詳細的分析了JavaScript中window.open用法。分享給大家供大家參考。具體如下：
參數解釋：
js腳本開始；
window.open 彈出新視窗的指令；
'page.html' 彈出視窗的檔案名稱；
'newwindow' 彈出視窗的名字（不是檔案名稱），非必須，可用空''取代；
height=100 視窗高度；
width=400 視窗寬度；
top=0 視窗距離螢幕上方的像素值；
left=0 視窗距離螢幕左側的像素值；
toolbar=no 是否顯示工具列，yes為顯示；
menubar，scrollbars 表示選單列和滾動欄。
resizable=no 是否允許改變視窗大小，以yes為允許；
location=no 是否顯示網址列，yes為允許；
status=no 是否顯示狀態列內的資訊（通常是檔案已開啟），以yes為允許；
1、用函數控制彈出視窗
下面是一個完整的程式碼。
<html>
<head>
<script LANGUAGE="Javascript">
<!--
function openwin()
{ window.open("page.html", "newwindow", "height=100,width=400, toolbar=no , menubar=no, scrollbars=no,resizable=no, location=no, status=no") //写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
/body>
</html>這裡定義了一個函數openwin(),函數內容就是開啟一個視窗。在調用它之前沒有任何用途。怎麼調用呢？
方法一： 瀏覽器讀取頁面時彈出視窗；
方法二： 瀏覽器離開頁面時彈出視窗；
方法三：用一個連線呼叫：開啟一個視窗 注意：使用的「#」是虛連接。
方法四：用一個按鈕呼叫：
2、定時關閉彈出的視窗 (有些網站註冊成功後顯示n秒轉到註冊前的那頁信息，或自己跳轉)
下面我們再對彈出的視窗做一些控制，效果就更好了。
如果我們再將一小段程式碼 加入彈出的頁面(注意是加入到page.html的HTML中，可不是主頁面中，否則 ...)，讓它10秒後自動關閉是不是更酷了？
首先，將下列程式碼加入page.html檔案的區域：
<script language="Javascript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>然後，再用 這句話代替page.html中原有的這句話就可以了。
(這句話千萬不要忘記寫啊！這一句的作用是呼叫關閉視窗的程式碼 ，10秒鐘後就自行關閉該視窗。
3、 僅彈出一次視窗（cookie控制）
回想一下，上面的彈出視窗雖然酷，但是有一點小毛病，例如你將上面的腳本放在一個需要頻繁經過的頁面裡(例如首頁)，
那麼每次刷新這個頁面，視窗都會彈出一次，是不是非常煩人？有解決的辦法嗎？
我們使用cookie來控制一下。
首先，將以下程式碼加入主頁HTML的區：
<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin() ;
documents.cookie="popped=yes" ;
}
}
</script>然後，用（注意不是openwin而是loadpop啊！） 取代主頁中原有的
這一句即可。你可以試著刷新這個頁面或重新進入該頁面，視窗再也不會彈出了。
希望本文所述對大家的javascript程式設計有所幫助。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何使用WebSocket和JavaScript實現線上語音辨識系統
Dec 17, 2023 pm 02:54 PM
如何使用WebSocket和JavaScript實現線上語音辨識系統引言：隨著科技的不斷發展，語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統，具備了低延遲、即時性和跨平台的特點，成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系
WebSocket與JavaScript：實現即時監控系統的關鍵技術
Dec 17, 2023 pm 05:30 PM
WebSocket與JavaScript：實現即時監控系統的關鍵技術引言：隨著互聯網技術的快速發展，即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用，並給出程式碼範例，詳細解釋其實作原理。一、WebSocket技
如何利用JavaScript和WebSocket實現即時線上點餐系統
Dec 17, 2023 pm 12:09 PM
如何利用JavaScript和WebSocket實現即時線上點餐系統介紹：隨著網路的普及和技術的進步，越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統，我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議，可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中，當使用者選擇菜餚並下訂單
如何使用WebSocket和JavaScript實現線上預約系統
Dec 17, 2023 am 09:39 AM
如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代，越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統，並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工
JavaScript與WebSocket：打造高效率的即時天氣預報系統
Dec 17, 2023 pm 05:13 PM
JavaScript和WebSocket：打造高效的即時天氣預報系統引言：如今，天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展，我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中，我們將學習如何使用JavaScript和WebSocket技術，來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We
簡易JavaScript教學：取得HTTP狀態碼的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教學：如何取得HTTP狀態碼，需要具體程式碼範例前言：在Web開發中，經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時，我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功，並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼，並提供一些實用的程式碼範例。使用XMLHttpRequest
javascript如何使用insertBefore
Nov 24, 2023 am 11:56 AM
用法：在JavaScript中，insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數：要插入的新節點和參考節點（即新節點將要插入的位置的節點）。
window.open如何關閉開啟的視窗
Dec 06, 2023 pm 02:15 PM
關閉開啟的視窗的方法：1、使用「window.close」關閉新視窗；2、使用「window.location」重定向；3、使用「window.blur」和「window.focus」；4、使用「window .history」回退；5、使用「window.opener」。
