html基础
js位置
在head标签中写js
但是影响页面加载速度,等待js加载完毕进行页面渲染
<head>
<script type="text/javascript" src="file1.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
在body标签中写js
为了尽量减少对整个页面的影响,让页面渲染完成之后开始下载执行js文件
<html>
<head>
<title>JS位置</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<script type="text/javascript" src="file1.js"></script>
</body>
</html>
style位置
1、head标签中
浏览器渲染时,逐步渲染,写在head中,但是此时的js不能操作dom,因为dom还没渲染
浏览器渲染过程:加载资源 → html&css → dom&style→ Render → Layout → paint
重绘:dom元素不影响文档流中的位置
重排:影响dom元素的位置、大小等、删除、添加元素等
2、 在body标签后
js文章參考:https://blog.youkuaiyun.com/weixin_44510465/article/details/86422035