按鈕上的警報點擊並移動用戶打開新的標籤

我已經創建了一個帶有鏈接的按鈕，它在新選項卡中打開。我也用JavaScript來提醒。按鈕上的警報點擊並移動用戶打開新的標籤

此代碼工作正常。但是，單擊警報中的確定後，用戶停留在同一頁面上。但我想將用戶移到新打開的選項卡。可能嗎？

我的代碼 -

<form><input type="button" id="anchor1" style="cursor:pointer" value="Click Here" onClick="window.open(href='http://www.google.com')"></form> 

<script type="text/javascript"> 
    var anchor = document.getElementById('anchor1'); 
    // or anchor = getElementsByTagName('a') then do ('a')[0] 

    anchor.addEventListener('click', doSomething, false); 

    function doSomething() { 
     alert('You Are About To Open New Tab'); 
    } 
</script>

幫助需要

這裏是我的 JSFIDDLE

來源

2014-07-12 darshan

爲什麼你使用按鈕和window.open而不是''？ – Quentin

根據我的網站看，按鈕需要.... – darshan

使用CSS來描述網站應該如何看，而不是不恰當的標記。 – Quentin

這是一個超級簡單。

您需要從input標記中刪除onclick屬性。

然後，把你的代碼打開你的alert行後使用JS的新選項卡。

<form><input type="button" id="anchor1" style="padding:5px; cursor:pointer" value="Click Here"></form>

在您的JS代碼，這樣做：

var anchor = document.getElementById('anchor1'); 

anchor.addEventListener('click', doSomething, false); 

function doSomething() { 
    alert('You Are About To Open New Tab'); 
    var win = window.open("http://google.com", '_blank'); 
    win.focus(); 
}

Fiddle

來源

2014-07-12 16:40:46 AdityaParab

是...它工作....謝謝你... – darshan

樣式通過更改文本顏色爲黑色，改變text-decoration到none錨標籤：

<button><a href="http://www.google.com" target="_blank">Click here</a></button>

來源

2014-07-12 16:40:11 WoleO

HTML

<form><input type="button" id="anchor1" style="padding:5px; cursor:pointer" value="Click Here" ></form>

var anchor = document.getElementById('anchor1'); 
// or anchor = getElementsByTagName('a') then do ('a')[0] 

anchor.addEventListener('click', doSomething, false); 

function doSomething() { 
    alert('You Are About To Open New Tab'); 
    window.open(href='http://www.google.com')     
}

來源

2014-07-12 16:43:09

按鈕上的警報點擊並移動用戶打開新的標籤

回答

相關問題