js 进入一个页面自动执行触发点击事件

最新推荐文章于 2024-08-24 14:42:42 发布

美酒没故事°

最新推荐文章于 2024-08-24 14:42:42 发布

阅读量3.3w

点赞数 6

分类专栏：前端原生：JavaScript 文章标签：前端 js 自执行

本文链接：https://blog.csdn.net/qq_42618566/article/details/102785142

版权

前端原生：JavaScript 专栏收录该内容

105 篇文章 9 订阅

订阅专栏

进入页面自动执行点击事件，跳转的有些快，注意看那一瞬间的变化！

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>测试</title>
</head>

<body>

	<a id="aid" href="https://blog.csdn.net/qq_42618566" οnclick="alert('clicked');">触发onclick</a>

	
	<script>
		// 进入页面立即触发
		(()=>{
			// 兼容IE
		    if(document.all) {
		        document.getElementById("aid").click();
		    }
		    // 兼容其它浏览器
		    else {
		        var e = document.createEvent("MouseEvents");
		        e.initEvent("click", true, true);
		        document.getElementById("aid").dispatchEvent(e);
		    }
		})();


	/*	// 也可写个定时器进行触发
		setTimeout(()=>{
			// 兼容IE
		    if(document.all) {
		        document.getElementById("aid").click();
		    }
		    // 兼容其它浏览器
		    else {
		        var e = document.createEvent("MouseEvents");
		        e.initEvent("click", true, true);
		        document.getElementById("aid").dispatchEvent(e);
		    }
		},3000); // 3秒后执行	*/
	</script>
</body>

</html>