jquery打開新窗口window.open和新窗口操作父窗口window.opener

個項目切圖需要用到的，做個筆記。

jquery打開新窗口window.open和新窗口操作父窗口window.opener，支持jquery寫法，支持打開窗口帶參數，新窗口url獲取參數等等。

打開新窗口

function newDialog(id){
var url = 'dialog.html?id='+id;
var iWidth = 260;
var iHeight = 550;
var iTop = (window.screen.height-30-iHeight)/2;
var iLeft = (window.screen.width-10-iWidth)/2;

window.open(url,'newBridge','left='+iLeft+',top='+iTop+',width='+iWidth+',height='+iHeight+',location=no,resizable=yes,status=no,toolbar=no,menubar=no');
}

新窗口操作父窗口

document.getElementById("get_selected_vals").onclick = function (){
//alert(yntree.getValues());

//var windowOpener=window.opener;
var parent=$(window.opener.document);

var id = getQueryString('id');
parent.find('#'+id).val(yntree.getValues());
//windowOpener.location.reload(true);
window.close();
}

獲取url參數

//alert(getQueryString('id'));
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}

本文由專業的WEB前端外包公司-切圖網原創，切圖網始于2007年，提供高品質的前端開發服務、前端外包、切圖外包。歡迎來電咨詢！

0230418星期二：

打開新窗口的語法：注意 newUrl 加引號

newUrl = 'https://chromedriver.storage.googleapis.com/index.html'
newwindow = f'window.open("{newUrl}")'
driver.execute_script(newwindow)

當前句柄，當前總的句柄(當前窗口，當前所有窗口)：

print("當前窗口：",driver.current_window_handle)
print("當前總的窗口：",driver.window_handles)

切換窗口語句：通過索引進行切換

求場景

客戶希望實現這樣一個場景：點擊一個超鏈接，使用新窗口打開鏈接頁面。但是當鏈接窗口已經被打開時，這是就不能彈新窗口，必須在這個鏈接已打開的窗口進行頁面刷新。
這確實是一個非常好的體驗增強功能，特別頁面在列表打開詳情頁時可以使用，有效減少了瀏覽器選項卡中打開重復多余的頁面。

關鍵在于，如何實現此功能呢？

其實很簡單，一說就懂一點就通，HTML本身的特性就可以解決這樣的功能需求。

a標簽target屬性

通常，進行頁面新窗口打開跳轉，我們使用<a>標簽即可實現。
<a>標簽可以通過設置target的值來控制此鏈接的打開方式，一般可取以下值：

_self：默認值，鏈接在當前窗口打開
_blank：鏈接在新窗口打開
_parent：鏈接在父級框架窗口打開
_top：鏈接在整個窗口打開
上面幾個屬性，基本都是很常見的target屬性。
然而，要實現本文開頭所說的功能需求，上面這幾個值是無法實現的。當然，target還有一個隱藏特性，那就是可以指定為具體的URL地址或者任意自定義的名稱。
例如：

<a href="demo.html" target="demo.html">demo空白頁</a>

點擊上述標簽，當瀏覽器沒有標簽頁的地址是demo.html時，這時游覽器表現為打開一個新頁面，地址為demo.html（此時的target屬性的行為表現類似'_blank'），當我們再次點擊時，因為現在瀏覽器標簽頁已經有一個地址為demo.html的頁面了，這時游覽器表現為不會打開新窗口，而是直接刷新已經打開的demo.html。

也就是說，我們要想實現鏈接地址自動刷新和新窗口打開的這個需求，知道設置鏈接元素和表單元素的target屬性值為目標URL地址值就好了。

思考

如果我們想要不同鏈接，打開同一個標簽卡頁面刷新如何實現捏？

<a href="blank.html?s=1" target="_search">空白頁?s=1</a>
<a href="blank.html?s=2" target="_search">空白頁?s=2</a>

結語

牽手持續為你分享各類知識和軟件，歡迎訪問、關注、討論并留下你的小心心?

在線咨詢

上一篇：「PHP」短信接口(正則匹配)
下一篇：008 - 1+X Web前端初級CSS基礎之填空題解析

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

jquery打開新窗口window.open和新窗口操作父窗口window.opener

您的項目需求