在asp.net webforms中的url路由后，未正确加载js文件和css文件

Question

我正在尝试为asp.net webforms实现urlrouting。 我的问题是页面上没有加载所有js文件和css文件，因为它无法引用正确的路径。

我在我的母版页上引用了js，如下所示。

 <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js" charset="utf-8"></script>


 <script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js" charset="utf-8"></script>

能帮我解决一下吗？

Answer 1

你可以使用Page.ResolveUrl(String relativeUrl)

Page.ResolveUrl("...")将生成一个相对的绝对路径：

<script type="text/javascript" src='@Page.ResolveUrl("~/Scripts/jquery-1.7.1.min.js")' charset="utf-8"></script>

要么

<script type="text/javascript" src='<%= Page.ResolveUrl("~/Scripts/jquery-1.7.1.min.js")%>' charset="utf-8"></script>

取决于你是否使用razor markup 。

Answer 2

这是调用JQuery脚本的正确格式。 '〜'指的是根目录。 因此，假设您的脚本位于此位置，它应该可以正常工作。

<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js" charset="utf-8"></script>

但是，它上面的行尝试加载相同的脚本，但不包含'〜'字符。

<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js" charset="utf-8"></script>

...而且您没有尝试加载任何CSS文件。 因此，删除第一行，然后添加正确的标记以加载CSS文件。

<link rel="stylesheet" type="text/css" href="~/Content/mystyle.css">

Answer 3

仅使用/因为它表示站点的根目录。 （如果Scripts dir在你的根目录下）

<script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js" charset="utf-8"></script>