本文详细讲解了JavaScript在HTML文档中的两种引用方式：放置于<head>标签内及<body>标签内，并探讨了不同位置对页面渲染速度的影响，推荐在<body>标签尾部引入JS以优化用户体验。
JS引用方式
今天来讲讲老生常谈的话题，讲再多，会写再多的js，并不会引用，那也是白搭！！
那么它应该怎么引用，在哪里引用尼？
1、它可以放在<head>里面
使用方式如下：
内部使用
<head>
<script type="text/javascript">
//JavaScript的逻辑代码区
//通常会使用：
window.onload=function(){}
//当页面加载完成后再执行
</script>
</head>
引入外部文件
<head>
<script src="js/index.js"></script>
</head>
2、在<body>中使用（推荐）
内部写法
<body>
<script>
//代码逻辑，同head中引入方式来写最好
</script>
</body>
引入外部js文件
<body>
<!--建议放在HTML内容之后-->
<script src="js/index.js"></script>
</body>
因为JavaScript的加载是逐行加载，一行一行的执行完才会加载页面的内容，这样减慢渲染的速度。
扫一扫
2026
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
