为什么一个简单的 <script src="..."> </script> 不起作用?

新手上路,请多包涵

我正在做一个项目,我不明白为什么调用外部脚本不起作用。

然后我只是做了一个非常简单的页面 html,其中包括一个脚本警报,如下所示……你能告诉我问题是什么吗?我相信问题不在于代码,但还能是什么?

我的浏览器是最新的 Chrome,我的操作系统是 Ubuntu。我的 HTML 文件是 index.html :

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MyPage</title>
</head>
<body>
    <p>Blablabla</p>
    <script type="text/javascript" src="/script.js"></script>
</body>
</html>

Javascript 文件是同一文件夹中的 script.js:

 <script type="text/javascript">
alert('Hey');
</script>

原文由 florian 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 830
2 个回答

/ 开头的路径是绝对路径。如果脚本和 HTML 页面在同一个目录中,脚本的路径就是“script.js”:

 <script type="text/javascript" src="script.js"></script>
<!-- Here --------------------------^ -->

原文由 Mureinik 发布,翻译遵循 CC BY-SA 3.0 许可协议

如果文件在同一文件夹中,请从 script.js 中删除“/”

<script type="text/javascript" src="script.js"></script>

此外,如果 js 文件具有脚本标签,请将其删除。

如果您希望在文档准备就绪时收到警报,请考虑执行以下操作:

 document.addEventListener("DOMContentLoaded", function(event) {
  alert('Hey')
});

原文由 FutoRicky 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题