如何使用JavaScript或jQuery在新标签页中打开URL?[重复]

2020/10/08 01:20 · javascript ·  · 0评论

如何以编程方式在新标签页而不是新窗口中打开URL?

用途window.open()

var win = window.open('http://stackoverflow.com/', '_blank');
if (win) {
    //Browser has allowed it to be opened
    win.focus();
} else {
    //Browser has blocked it
    alert('Please allow popups for this website');
}

根据浏览器的实现,这将起作用

您无法做任何事情来使其在窗口而不是选项卡中打开。

就这么简单。

window.open('_link is here_', 'name'); 

功能说明:

name是窗口的名称。支持以下名称:

  • _blank-URL已加载到新选项卡中这是默认值。
  • _parent -URL已加载到父框架
  • _self -URL替换当前页面
  • _top -URL替换了可能加载的所有框架集

如果您要打开新标签上的所有链接,请尝试使用此jquery

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});
 var url = "http://www.example.com";
 window.open(url, '_blank');

您可以轻松创建一个新标签页;喜欢以下内容:

function newTab() {
     var form = document.createElement("form");
     form.method = "GET";
     form.action = "http://www.example.com";
     form.target = "_blank";
     document.body.appendChild(form);
     form.submit();
}

我知道您的问题未指定是要尝试在新窗口中打开所有标签还是仅打开外部链接。

但是,如果只希望外部链接在新标签页中打开,则可以执行以下操作:

$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )
本文地址:http://javascript.askforanswer.com/ruheshiyongjavascripthuojqueryzaixinbiaoqianyezhongdakaiurlzhongfu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!