无法将本地 Javascript 文件附加到 HTML

Question

我似乎无法将本地 Javascript 文件附加到页面：

<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="Main.css" />
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">     </script>
</head>
<body ng-app="VideoGamesApp">

<div class="Main" ng-controller="myCtrl">
    <div>
       <p>{{test}}</p>
    </div>

</div>
<script type="text/javascript" src='C:/Application/Application.js'></script>
</body>

脚本：

var app = angular.module('VideoGamesApp', []);

app.controller('myCtrl', function ($scope) {
    $scope.test = "Success";
});

当我直接在页面中编写脚本时它可以工作，但当我 link 使用 "src" 时却不行。

Answer 1

src 路径是相对于html 文件的。如果两者都在同一目录中，则尝试：

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

如果在子目录中

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

如果在父目录中

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

但是，请确保 JS 文件位于您网站根目录层次结构中的某个位置，即您的网络服务器使用的根文件夹。

无法将本地 Javascript 文件附加到 HTML

Can't attach local Javascript file to HTML

html

javascript

script-tag