javascript - 如何在 ASP.NET 母版页中正确引用 javascript 文件？

Question

我在引用 Javascript 文件时遇到问题。

我的所有 js 文件都位于我的 js 文件夹中:MyProject/Js/*.js

现在在我的母版页上，我像这样引用我的文件:

<script src="js/jquery-1.9.1.js"></script>
 <script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>

控制台中显示错误:

SyntaxError: expected expression, got '<'.

在搜索时，我发现此问题是由于 js 文件引用不当造成的，因此我通过执行以下操作解决了此错误:

<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-1.9.0.min.js" type="text/javascript"></script>

当我的 .aspx 页面如下所示时，上述解决方案有效:

MyProject/Admin/Abc.aspx//这将起作用

但是当我的任何 .aspx 页面如下所示时就会出现问题:

MyProject/Admin/Subfolder/Abc.aspx // This will not work

我的 Abc.aspx 页面包含母版页，但现在在这种情况下，由于 ../

，这不会加载我的 js 文件

那么有人可以告诉我引用 js 文件的正确方法是什么吗？这在这两种情况下都适用？

注意:我将所有 js 文件引用到我的母版页中，并且我的母版页位于:

MyProject/MasterPage.Master

Answer 1

我认为你可以尝试一下:

1) 使用Bundling至reduce the loading time (您的脚本也会更短)

2) 使用 ~/ 而不是 ../ 使您的脚本/代码即使重新定位页面也能正常工作。

如果您在 Visual Studio 中创建新的 ASP.NET 应用程序，您可以轻松找到 jquery bundle 的脚本和代码。