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