JS—写在body和head的区别

最新推荐文章于 2020-10-09 17:44:43 发布

Poppy_LYT

最新推荐文章于 2020-10-09 17:44:43 发布

阅读量397

点赞数

分类专栏： JS 文章标签： JS

本文链接：https://blog.csdn.net/Poppy_LYT/article/details/91975995

版权

JS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JS—写在body和head的区别—window.onload

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script> 
			// js放到head中，加载的时候会阻塞html的加载，一般都放到body下面
			// 放在head里受到阻塞无法弹出
				// var oBtn = document.getElementById('btn');
				// oBtn.onclick = function () {
				// 	alert('a')
				// }
			
			// window.onload  DOM加载完成后执行（节点、图片、视频、音频。。。）
			// 所以，即使放在head里依旧可以弹出
			// window.onload = function () {
			// 	var oBtn = document.getElementById('btn');
			// 	oBtn.onclick = function () {
			// 		alert('a')
			// 	}
			// }
		</script>
	</head>
	<body>
		<button id="btn">按钮</button>
		<script> 
		// 写在body里提升网页性能
			var oBtn = document.getElementById('btn');
			oBtn.onclick = function () {
				alert('a');
			}
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Poppy_LYT

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS—写在body和head的区别

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> // js放到head中，加载的时候会阻塞html的加载，一般都放到body下面 // 放在head里受到阻塞无法弹出 //...
复制链接

扫一扫