個項(xiàng)目切圖需要用到的，做個筆記。

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

打開新窗口

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參數(shù)

//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;
}

本文由專業(yè)的WEB前端外包公司-切圖網(wǎng)原創(chuàng)，切圖網(wǎng)始于2007年，提供高品質(zhì)的前端開發(fā)服務(wù)、前端外包、切圖外包。歡迎來電咨詢！

0230418星期二：

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

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

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

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

切換窗口語句：通過索引進(jìn)行切換

求場景

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

關(guān)鍵在于，如何實(shí)現(xiàn)此功能呢？

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

a標(biāo)簽target屬性

通常，進(jìn)行頁面新窗口打開跳轉(zhuǎn)，我們使用<a>標(biāo)簽即可實(shí)現(xiàn)。
<a>標(biāo)簽可以通過設(shè)置target的值來控制此鏈接的打開方式，一般可取以下值：

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

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

點(diǎn)擊上述標(biāo)簽，當(dāng)瀏覽器沒有標(biāo)簽頁的地址是demo.html時，這時游覽器表現(xiàn)為打開一個新頁面，地址為demo.html（此時的target屬性的行為表現(xiàn)類似'_blank'），當(dāng)我們再次點(diǎn)擊時，因?yàn)楝F(xiàn)在瀏覽器標(biāo)簽頁已經(jīng)有一個地址為demo.html的頁面了，這時游覽器表現(xiàn)為不會打開新窗口，而是直接刷新已經(jīng)打開的demo.html。

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

思考

如果我們想要不同鏈接，打開同一個標(biāo)簽卡頁面刷新如何實(shí)現(xiàn)捏？

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

結(jié)語

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