HTML/CSS/JS网站JS文件链接异常,页面无响应无变更求助
排查JavaScript文件无法与HTML正常链接的问题
核对文件路径
先确认main.js和index.html是否在同一个文件夹下。如果JS文件放在子目录(比如js/main.js),src属性就得对应写成这个路径。打开浏览器开发者工具(F12),切换到「控制台」面板,要是看到404错误,基本就是路径不对导致的。调整script标签位置
要是你把<script>标签放在<head>里,JS代码执行时页面DOM还没加载完成,可能会出现代码没效果的情况。试试把标签移到</body>标签的前面,这样能保证页面元素都加载完后再执行JS。强制清除浏览器缓存
浏览器有时候会缓存旧的JS文件,哪怕你修改了代码也不会加载新版本。用Ctrl+Shift+R(Windows/Linux)或者Cmd+Shift+R(Mac)强制刷新页面,就能清除缓存加载最新的文件。检查JS代码是否有语法错误
打开开发者工具的「控制台」,看看有没有红色的报错信息。比如拼写错误、未定义的变量、括号不匹配这些问题,都会导致JS代码无法正常运行,看起来就像是链接出了问题。确认script标签写法无误
你的标签写法<script src="main.js"></script>本身是正确的,但可以再检查一遍有没有拼写错误,比如闭合标签有没有漏写,src属性的引号是不是成对的,有没有多余的特殊字符。
内容的提问来源于stack exchange,提问作者Omollo Felix
相关产品推荐
相关产品推荐

