script元素在html中的位置会不会影响JavaScript代码的执行？
1个回答
展开全部
cript元素的位置会影响JavaScript代码的执行。
一般script元素的位置在html中出现在如下两个位置：
<!DOCTYPE html>
<html>
<head>
<title>简单页面</title>
<!--位置1
<script src=“myscript.js”></script>
-->
</head>
<body>
<p>body文本。</p>
<!--位置2-->
<script src=“myscript.js”></script>
</body>
</html>
位置1：head元素中：尽管在head中的JavaScript代码能很好的工作，但这会使html页面加载变慢，因为浏览器在加载页面其它元素之前，需要运行JavaScript代码。(有少数情况下，你可能需要浏览器马上加载和执行JavaScript代码。比如用JavaScript代码创建页面内容，这时放在head标签中也是可以的。)
位置2：body元素中：我们不想JavaScript影响页面加载，所以将script代码放到最后。这里有个好的经验法则：链接CSS的标签放在head元素中，而链接JavaScript的标签放在body元素最后。将script标签放在最后，还能方便在JavaScript中引用网页中的元素，因为在script会在最后执行，html中的元素已经加载完毕。
可以到教程网-秒秒学上看下相关课程，夯实下基础，希望对你有帮助。
一般script元素的位置在html中出现在如下两个位置：
<!DOCTYPE html>
<html>
<head>
<title>简单页面</title>
<!--位置1
<script src=“myscript.js”></script>
-->
</head>
<body>
<p>body文本。</p>
<!--位置2-->
<script src=“myscript.js”></script>
</body>
</html>
位置1：head元素中：尽管在head中的JavaScript代码能很好的工作，但这会使html页面加载变慢，因为浏览器在加载页面其它元素之前，需要运行JavaScript代码。(有少数情况下，你可能需要浏览器马上加载和执行JavaScript代码。比如用JavaScript代码创建页面内容，这时放在head标签中也是可以的。)
位置2：body元素中：我们不想JavaScript影响页面加载，所以将script代码放到最后。这里有个好的经验法则：链接CSS的标签放在head元素中，而链接JavaScript的标签放在body元素最后。将script标签放在最后，还能方便在JavaScript中引用网页中的元素，因为在script会在最后执行，html中的元素已经加载完毕。
可以到教程网-秒秒学上看下相关课程，夯实下基础，希望对你有帮助。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
