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

时间:2015-08-02 00:02:26

标签: javascript html script-tag

我似乎无法将我的本地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";
});    

当我直接在页面中编写脚本时,它可以正常工作,但是当我将它与#34; src&#34;链接起来时。

1 个答案:

答案 0 :(得分:3)

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文件位于网站根目录层次结构中的某个位置,即Web服务器使用的根文件夹。