                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

JS文件在不同位置有不同效果，请问根据什么原则来在适当位置引入JS文件呢？

在引用JS外部文件时，发现了一个问题。

教程中引用JS文件的大多写在HTML<head>标签中，但先引入JS文件可能造成的情况是，如果是针对<body>中的特定元素做修改的话，那么是无法实现的。

例如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>galo's page</title>
<script>
    document.getElementById("p1").innerHTML=("replace by js");
</script>
</head>
<body>
    <p id="p1">this is written by HTML</p>
</body>
</html>

但是如果JS代码是在p标签下引入，则可实现。

请问，如果要从外部引入JS文件，针对一些HTML元素进行调整，是根据什么原则在何处引入JS文件呢？