![1691044027452_image.png](https://img.doufei.eu.org/file/blog/posts/js打开页面的几种方式对比分析
categories: 技术
cover:

1691044027452_image.png

js中模拟点击a标签方式打开新页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function imitateClick(url){
	  let aEle = document.createElement("a");
	  aEle.setAttribute("href", url);
	  aEle.setAttribute("target", "_blank");
	  aEle.setAttribute("id", "previewJumpEle");
	  // 防止重复添加
	  if (!document.getElementById("previewJumpEle")) {
	    document.body.appendChild(aEle);
	  }
	  // 模拟点击
	  aEle.click();
	  (aEle.remove && aEle.remove()) || (aEle.removeNode && aEle.removeNode(true));
}

function imitateClick(url){
	let aEle = $("<a></a>");
	aEle.attr("href", url);
	aEle.attr("target", "_blank");
	aEle.attr("id", "previewJumpEle");
	// 防止重复添加
	if (!$("#previewJumpEle").length) {
		$("body").append(aEle);
	}
	// 模拟点击
	aEle[0].click();
	aEle.remove();
}