Javascript 为什么以下脚本不打开新选项卡或页面?
我使用javascript函数从我的网站导航到另一个网站。我还试图在单击按钮时打开一个新页面,但它在Javascript 为什么以下脚本不打开新选项卡或页面?,javascript,jquery,Javascript,Jquery,我使用javascript函数从我的网站导航到另一个网站。我还试图在单击按钮时打开一个新页面,但它在self上导航,而不是blank。为什么会发生这种情况 HTML JavaScript <script type="text/javascript"> $("#btamen").click(function() { window.location.href = 'http://www.google.com' link.target = '_blank'; });
self
上导航,而不是blank
。为什么会发生这种情况
HTML
JavaScript
<script type="text/javascript">
$("#btamen").click(function() {
window.location.href = 'http://www.google.com'
link.target = '_blank';
});
</script>
$(“#btamen”)。单击(函数(){
window.location.href=http://www.google.com'
link.target=''u blank';
});
此行:window.location.href=http://www.google.com“
将始终使用新的url替换当前页面
我不知道下一页中的链接是什么,但该代码甚至不会执行,因为页面重定向,上下文丢失
如果您希望这样做,请执行以下操作:
window.open('http://www.google.com', '_blank').focus();
此外,您无法保证其打开,因为浏览器可能会阻止它。有点像弹出窗口拦截器。这一行:window.location.href=http://www.google.com“
将始终使用新的url替换当前页面
我不知道下一页中的链接是什么,但该代码甚至不会执行,因为页面重定向,上下文丢失
如果您希望这样做,请执行以下操作:
window.open('http://www.google.com', '_blank').focus();
此外,您无法保证其打开,因为浏览器可能会阻止它。有点像弹出窗口拦截器。这一行:window.location.href=http://www.google.com“
将始终使用新的url替换当前页面
我不知道下一页中的链接是什么,但该代码甚至不会执行,因为页面重定向,上下文丢失
如果您希望这样做,请执行以下操作:
window.open('http://www.google.com', '_blank').focus();
此外,您无法保证其打开,因为浏览器可能会阻止它。有点像弹出窗口拦截器。这一行:window.location.href=http://www.google.com“
将始终使用新的url替换当前页面
我不知道下一页中的链接是什么,但该代码甚至不会执行,因为页面重定向,上下文丢失
如果您希望这样做,请执行以下操作:
window.open('http://www.google.com', '_blank').focus();
此外,您无法保证其打开,因为浏览器可能会阻止它。有点像弹出窗口拦截器。我认为你无法控制它在新选项卡中打开。所以你必须解决这个问题,我所做的是:
<a href="" target="_blank" id="btamen_link">
<button type="button" id="btamen">
Click
</button>
</a>
以及jquery:
<script type="text/javascript">
$(document).ready(function(){
$('#btamen').click(function(){
$('#btamen_link').attr('href', 'http://www.google.com');
$('#btamen_link').click();
});
});
</script>
$(文档).ready(函数(){
$('#btamen')。单击(函数(){
$('btamen'u link').attr('href','http://www.google.com');
$('btamen_link')。单击();
});
});
我认为您无法控制它在新选项卡中打开。所以你必须解决这个问题,我所做的是:
<a href="" target="_blank" id="btamen_link">
<button type="button" id="btamen">
Click
</button>
</a>
以及jquery:
<script type="text/javascript">
$(document).ready(function(){
$('#btamen').click(function(){
$('#btamen_link').attr('href', 'http://www.google.com');
$('#btamen_link').click();
});
});
</script>
$(文档).ready(函数(){
$('#btamen')。单击(函数(){
$('btamen'u link').attr('href','http://www.google.com');
$('btamen_link')。单击();
});
});
我认为您无法控制它在新选项卡中打开。所以你必须解决这个问题,我所做的是:
<a href="" target="_blank" id="btamen_link">
<button type="button" id="btamen">
Click
</button>
</a>
以及jquery:
<script type="text/javascript">
$(document).ready(function(){
$('#btamen').click(function(){
$('#btamen_link').attr('href', 'http://www.google.com');
$('#btamen_link').click();
});
});
</script>
$(文档).ready(函数(){
$('#btamen')。单击(函数(){
$('btamen'u link').attr('href','http://www.google.com');
$('btamen_link')。单击();
});
});
我认为您无法控制它在新选项卡中打开。所以你必须解决这个问题,我所做的是:
<a href="" target="_blank" id="btamen_link">
<button type="button" id="btamen">
Click
</button>
</a>
以及jquery:
<script type="text/javascript">
$(document).ready(function(){
$('#btamen').click(function(){
$('#btamen_link').attr('href', 'http://www.google.com');
$('#btamen_link').click();
});
});
</script>
$(文档).ready(函数(){
$('#btamen')。单击(函数(){
$('btamen'u link').attr('href','http://www.google.com');
$('btamen_link')。单击();
});
});
只需使用google;)只需使用google;)只需使用google;)只需使用google;)