1. 程式人生 > >window.open()方法的使用

window.open()方法的使用

window.open()方法即可以導航到一個指定的URL,也可以開啟一個新的瀏覽器視窗。

window.open()方法可以接4個引數:要載入的URL、視窗目標、一個特定字串以及一個表示新頁面是否取代瀏覽器歷史記錄當中當前載入頁面的布林值。通常只需傳遞第一個引數,最後一個引數只在不開啟新視窗的情況下使用。

如果為window.open()方法傳遞第二個引數,而且該引數是已有視窗或框架的名稱,那麼就會在具有該名稱的視窗或框架中載入第一個引數指定的URL,如:

//等同於<a href="http://www.baidu.com" target="topFrame"></a>

window.open("http://www.baidu.com","topFrame");

彈出視窗

如果給window.open()方法傳遞的第二個引數並不是一個已經存在的視窗或框架,那麼該方法就會根據第三個引數位置上傳入的字串建立一個新視窗或新標籤頁,如果沒有第三個引數,那麼會開啟一個帶有全部預設設定的新瀏覽器視窗,在不開啟新視窗的情況下,就會忽略第三個引數。第三個引數是一個逗號分隔的設定字串,表示在新視窗中都顯示哪些特性。下圖包含了可以出現在這個字串中的設定選項。


程式碼示例:var baiduWin=window.open("http://www.baidu.com","baiduWindow","height=400,width=400,top=100,left=100,resizable=yes");
        baiduWin.resizeTo(500,500);//調整視窗的大小
       baiduWin.moveTo(150,150);//移動視窗的位置

    baiduWin.close();//關閉視窗(此方法只適用open()方法開啟的視窗,對於瀏覽器的主視窗必須得到使用者的允許才能關閉)

相關推薦

window.open方法被瀏覽器攔截的處理方式

問題現象 當我們在一個 ajax 回撥中執行 window.open 方法時,新頁面會被瀏覽器攔截。 原因 在 Chrome 的安全機制裡,非使用者直接觸發的 window.open 方法,是會被攔截的。 處理 $('#jump-btn').on('click', funct

js的window.open()方法的使用

js的window.open()方法的使用  open(string method,string url,boolean asynch,String username,string password) 指定和伺服器端互動的HTTP方法,URL地址,即其他請求資訊; metho

Window.open()方法引數詳解

1, 最基本的彈出視窗程式碼    window.open('page.html'); 2, 經過設定後的彈出視窗    window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menub

Window.open()方法引數詳解開啟新視窗

http://www.cnblogs.com/sofiawang/articles/1544631.html 1, 最基本的彈出視窗程式碼    window.open('page.html');2, 經過設定後的彈出視窗   window.open('page.html'

Window.open()方法控制視窗最大小化寬度滾動條引數詳解

1、最基本方法呼叫程式碼    window.open('page.html'); 2、設定引數後的彈出視窗  window.open("index.html",'newwindow', 'height=622, width=1000, top=0,l

IE11中使用window.open()方法獲取不到引數解決方法

在父頁面中使用window.open()的方法開啟 <pre class="javascript" name="code"> var selectUrl = USER_SELECT_URL + params.join("&"); var

window.open()方法的使用

window.open()方法即可以導航到一個指定的URL,也可以開啟一個新的瀏覽器視窗。 window.open()方法可以接4個引數:要載入的URL、視窗目標、一個特定字串以及一個表示新頁面是否取代瀏覽器歷史記錄當中當前載入頁面的布林值。通常只需傳遞第一個引數,最後一個

子視窗在用window.open()方法開啟後,如何關閉後重新整理父視窗

需求 在網站開發過程中,經常會有需要通過A頁面開啟B頁面,在B頁面操作完畢後,返回到A頁面並重新整理B頁面相關資訊。 解決方式 A頁面增加JavaScript公共變數進行全域性控制,通過啟動、停止監聽事件的方法監聽B頁面的工作狀態,根據B頁面的工作狀態做出對應事件響應。具

window.open()方法(彈出層)

1, 最基本的彈出視窗程式碼   window.open('page.html');2, 經過設定後的彈出視窗   window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, to

js 用 window.open()方法跳轉到新頁面並且用post方式傳參

今天開發一個功能,需要從js跳轉到新的頁面上去,原先的方式是用 window.open('statistic/hospitalDetailStatisc?opid=' +urlEncode(ipid)); 這種方法當然是可以的 ,但是 這種方法其實是用get方式傳遞引數的,

window.open 方法怪問題 引數失效

window.open(URL,name,specs,replace)其中的name,如果name中包括-,則會出現引數失效問題很奇怪將-修改為_,就好了。特別怪的問題,希望有遇到此問題的朋友能在此找到答案

js實現window.open不被攔截的解決方法匯總

line bsp pan 測試 ava cli class 頁面 點擊 一、問題: 今天在處理頁面ajax請求過程中,想實現請求後打開新頁面,就想到通過 js window.open 來實現,但是最終都被瀏覽器攔截了。 二、分析: 在谷歌搜索有沒有解決方法,有些說可以通過新

window.open()開啟頁面的幾種方法

[javascript]   view plain  copy 主要原理:讓瀏覽器以為是使用者主動點選的,因此可以利用onclick或者利用<a>標籤的_blank屬性開啟頁面&nbs

window.open 被攔截的處理方法

文章來自:原始碼線上https://www.shengli.me/javascript/309.html   當我們在一個 ajax 回撥中執行 window.open 方法時,新頁面會被瀏覽器攔截。 因為在 Chrome 的安全機制裡,非使用者直接觸發的 window.ope

window.open代替window.showModalDialog(非標準的BOM方法)

1, 最基本的彈出視窗程式碼 window.open('page.html'); 2, 經過設定後的彈出視窗    window.open('page.html', 'newwindow', 'height=100, width=400, top=0,

Axios請求 window.open本攔截直接走 catch方法 處理(IOS系統處理)

按照慣例,我們得先找一下 有沒有已經解決的方法 然後 一頓搜尋,發現全都是 Ctrl + C,Ctrl + V的 部落格, 統統都是 如下方法: 連標點符號都沒變,嘿,mdzz //在axios傳送之前就開啟一個空白的新視窗 var newPage = window.open()

Window物件的open方法

open方法的語法如下: window.open(url,name,features,replace) 引數說明: URL:一個字串。在新視窗中開啟的文件的URL; name:一個字串。新開啟的視窗的名字,用HTML連結的Targe

如何讓安卓WebView支援js呼叫window.open()和window.close()的方法

最近專案中遇到一個webview開發時的問題,web前端開發人員在網頁上實現了一個功能。功能是在A html頁面,開啟一個新的B html頁面,然後再B頁面中選擇一個聯絡人,把值返回給A頁面。做web開發的朋友應該知道,這個需要在A中通過window.open()開啟B,在

window.open開啟新視窗被瀏覽器攔截的處理方法

window.open是javascript函式,該函式的作用是開啟一個新視窗或這改變原來的視窗,如果你直接在js中呼叫window.open()函式去開啟一個新視窗,瀏覽器會攔截你,那麼如何避免呢。 注意,只有直接使用js呼叫 window.open(url); 開啟新視窗時,才會被攔截,如果是改變原理額

【轉】模式視窗window.open造成Session丟失的解決方法

【轉自】http://hi.baidu.com/afawwb/blog/item/f892cb50b84cd26684352459.html 從 HTML 模式或無模式對話方塊可能沒有開啟同一程序中 InternetExplorer 視窗中開啟,因此模式視窗中呼叫 wind