Javascript - 创建一个“a”元素并在新选项卡中打开它

Question

I am trying to create a link by means of the tag "a", click this link and open it in a new tab.我正在尝试通过标签“a”创建链接，单击此链接并在新选项卡中打开它。 My script works but does not open the link in a new tab does it on the same page.我的脚本可以工作，但没有在新选项卡中打开链接，但它是在同一页面上执行的。

The script is activated by clicking on the "body" element of the web page.通过单击网页的“正文”元素来激活脚本。 Apparently the target = '_blank' is not working.显然 target = '_blank' 不起作用。

<script>
function openInNewTab(url) {
    var a = document.createElement("a");
    a.target = '_blank';
    a.href = window.location.href;
    a.click();
    window.location.href = 'https://www.google.com.pe';
    }

$("body").click(function () {
openInNewTab();
});
</script>

Answer 1

change your line改变你的线路

a.target = '_blank';

to到

a.setAttribute('target', '_blank');

Answer 2

window.open('https://www.google.com.pe', 'name');

'name' is a name of the window. “名称”是窗口的名称。 Following names are supported 支持以下名称
_blank - URL is loaded into a new tab. _blank-网址已加载到新标签中。 This is a default. 这是默认值。
_parent - URL is loaded into the parent frame _self - URL replaces the current page _parent-URL加载到父框架中_self-URL替换当前页面

Answer 3

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});

Answer 4

Just use window.open(url,'_blank'); 只需使用window.open(url,'_blank'); with target blank parameter . 目标空白参数。

 function openInNewTab(url) { window.open(url, '_blank'); } $("body").click(function () { url='https://www.google.com.pe/'; openInNewTab(url); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <h1>body</h1> </body>

Javascript - 创建一个“a”元素并在新选项卡中打开它

问题描述

4 个解决方案

解决方案1
1 2021-10-21 08:22:07

解决方案2
0 2017-06-12 03:43:28

解决方案3
0 2017-06-12 03:49:49

解决方案4
0 已采纳 2017-06-12 04:04:11

Javascript - 创建一个“a”元素并在新选项卡中打开它

问题描述

4 个解决方案

解决方案1 1 2021-10-21 08:22:07

解决方案2 0 2017-06-12 03:43:28

解决方案3 0 2017-06-12 03:49:49

解决方案4 0 已采纳 2017-06-12 04:04:11

解决方案1
1 2021-10-21 08:22:07

解决方案2
0 2017-06-12 03:43:28

解决方案3
0 2017-06-12 03:49:49

解决方案4
0 已采纳 2017-06-12 04:04:11