?

open -- 打開(彈出)一個新的窗體

• open，中文"打開"的意思
• 引用網址:http://www.dreamdu.com/javascript/window.open/

open函數語法

window.open(url, name, features, replace);

open函數參數說明

• url -- 要載入窗體的URL
• name -- 新建窗體的名稱(也可以是HTML target屬性的取值，目標)
• features -- 代表窗體特性的字符串，字符串中每個特性使用逗號分隔
• replace -- 一個布爾值，說明新載入的頁面是否替換當前載入的頁面，此參數通常不用指定

open函數name參數說明

name用于設置彈出窗體的名稱，如果使用已有的窗體或框架名稱作為name參數，那么url網址將在這個窗體或框架頁面載入

例如：

<a href="http://www.dreamdu.com/" target="dreamdu">使用HTML連接建立一個頁面</a> <a href="#" onclick="window.open('http://www.dreamdu.com/xhtml/','dreamdu');">使用JavaScript在上面已經建立連接的頁面載入HTML教程</a>

首先使用普通HTML鏈接打開一個頁面(target名為dreamdu)，之后使用open函數打開另一個頁面，瀏覽器首先要查找是否有名稱為dreamdu的窗體，如果有，就在這個窗體中加載夢之都HTML教程網址。否則新建一個名稱為dreamdu的窗體并加載夢之都HTML教程網址

open函數默認的打開窗體的方式為target的_blank彈出方式，因此頁面都將以彈出的方式打開

open函數features參數說明

如果不使用第三個參數，將打開一個新的普通窗口

open函數features參數說明，通過特性字符串可以定義新的特性的窗口 參數名稱類型說明

height	Number	設置窗體的高度，不能小于100
left	Number	說明創建窗體的左坐標，不能為負值
location	Boolean	窗體是否顯示地址欄，默認值為no
resizable	Boolean	窗體是否允許通過拖動邊線調整大小，默認值為no
scrollable	Boolean	窗體中內部超出窗口可視范圍時是否允許拖動，默認值為no
toolbar	Boolean	窗體是否顯示工具欄，默認值為no
top	Number	說明創建窗體的上坐標，不能為負值
status	Boolean	窗體是否顯示狀態欄，默認值為no
width	Number	創建窗體的寬度，不能小于100

特性字符串中的每個特性使用逗號分隔，每個特性之間不允許有空格

open函數返回值

新建立的window對象

猴子提示: 不建議使用彈出窗體，HTML彈出窗體

示例

window.open("http://www.dreamdu.com/", "dreamduwin", "width=500,height=300,left=10,top=20,location=yes,status=yes");

新建一個寬度為500像素，高度為300像素，距離屏幕左上角水平偏移10像素，垂直偏移20像素，有地址欄與狀態欄的窗體

var oWin=window.open("http://www.dreamdu.com/", "dreamduwin"); oWin.resizeTo(800,600);

window.open函數新建立窗體后會返回新建窗體的window對象，通過此對象可以控制窗體（移動，改變大小，關閉）

<input type="button" value="在新窗口中打開夢之都！" onclick="window.open('http://www.dreamdu.com/', 'dreamduwin', 'width=500,height=300,left=10,top=20,location=yes,status=yes');" />

?

轉載于:https://blog.51cto.com/dreamforjava/558338

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的JavaScript open() 函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。