Question

我正在尝试通过标记“a”创建链接，单击此链接并在新选项卡中打开它。我的脚本有效，但没有在新标签页中打开链接在同一页面上。

通过单击网页的“body”元素激活脚本。显然，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

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

'name'是窗口的名称。支持以下名称
_blank - 将URL加载到新标签中。这是默认值。
_parent - 将URL加载到父框架中 _self - URL替换当前页面

Answer 2

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

Answer 3

只需将window.open(url,'_blank');与目标空白参数一起使用。

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”元素并在新选项卡中打开它

3 个答案: