我想在同一個新視窗中訪問多個鏈接。
假設我在打開google.com之后在新視窗中打開yahoo.com,但這必須在google.com通過重新加載同一google.com視窗打開的同一視窗中打開。
我有這個網站作為參考http://doubleadvertise.com,只是試圖實作與這個網站類似的東西。
<a href="https://www.google.com/" target="_blank">google</a><br>
<a href="https://www.bing.com/" target="_blank">bing</a><br>
<a href="https://www.yahoo.com/" target="_blank">yahoo</a>
如何實作這一點謝謝
uj5u.com熱心網友回復:
您可以使用一些基本的 JavaScript 來做到這一點。您可以使用該Window.open()方法打開一個新視窗。此方法還回傳打開的視窗的句柄,以便您可以執行諸如將Window.location.href選項卡重定向到不同頁面的設定等操作。您仍然可以_blank像在 HTML 中那樣使用目標。
let newWindow = null;
function openLink(link){
if(newWindow === null){
newWindow = window.open(link, '_blank');
}
else{
newWindow.location.href = link;
}
}
openLink('https://google.com/');
setTimeout(() => openLink('https://yahoo.com/'), 2000); // Delay it 2 seconds so previous link as time to open
setTimeout(() => openLink('https://bing.com/'), 4000); // Delay it 4 seconds so previous link as time to open
我不能將此代碼包含為可運行的片段,因為彈出視窗被阻止,所以這里有一個 JSFiddle。請注意,您需要啟用彈出視窗。
請記住,這不適用于Cross-Origin-Opener-Policy標題設定為same-origin-allow-popups(例如 Google 翻譯)的網站,如本答案中所述。沒有解決方法,您只需要避開這些網站。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/516332.html
上一篇:HTML到資料框
下一篇:帶有十字圖示的容器
