javascript - JavaScript 资源文件的放置

标签 javascript html

我有这个使用 AngularJs javascript 文件的 HTML 文件。我使用 Tomcat 7

运行此应用程序
<html>
  <head> 
    <script src="src/main/resources/appjs/angular.min.js"></script> // not working
    <script src="/resources/appjs/angular.min.js"></script> // not working
    <script src="/src/main/resources/appjs/angular.min.js"></script> // not working

    <!-- <script src="angular.min.js"></script> --> // working
  </head>
  <body>
  <h2>Hello World!</h2>


  <div ng-app="">
      <p>Name : <input type="text" ng-model="name"></p>
      <h1>Hello {{name}}</h1>
  </div>

 </body>
</html>

如果我将 JS 文件放在那个单独的文件夹中,它将无法工作。如果我把它放在同一个目录中它就会工作。 造成这种行为的原因是什么?

最佳答案

当在开头给出不带“/”的相对路径时,它将开始查找相对于 html 所在文件夹的文件。在您的情况下,index.html 位于 angular.min.js 位置,因此它可以工作,其他则不能。

关于javascript - JavaScript 资源文件的放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30635461/

相关文章:

javascript - 在 Javascript 重定向窗口位置后获取页面的 URL 如何使用 Src LInk

用于时间轴效果的 Javascript 将不起作用

PHP 从 MySQL 填充值

android - 修复了安卓和苹果设备的背景

html - 如何在 Iframe 中启用对 Plotly-Dash 应用程序的响应?

javascript - html css 图像对齐

javascript - 如何使用 JavaScript 隐藏正文但保持图像显示

javascript - Browserify 为模块分配相对路径而不是绝对路径

javascript - 如何从外部 javascript 文件访问 java scriptlet 变量?

javascript - 为什么在将 Wasm 捆绑在一起后出现错误 "Response has unsupported MIME type",但在使用 webpack 开发服务器服务时却没有?