警报按钮单击并将用户移动到打开的新选项卡

时间:2014-07-12 16:26:49

标签: javascript html

我创建了一个带链接的按钮,在新标签页中打开。我还使用了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

3 个答案:

答案 0 :(得分:3)

这个非常简单。

您需要从onclick代码中删除input属性。

然后,在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

答案 1 :(得分:1)

通过将文字颜色更改为黑色并将text-decoration更改为none来设置锚标记的样式:

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

答案 2 :(得分:0)

<强> HTML

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

<强> JS

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')                
}