代码之家 › 专栏 › 技术社区 › Markus

相对地引用CSS和JavaScript文件时出现问题

css html asp.net

Markus · 技术社区 · 15 年前

我有一个IIS网站。此网站包含其他网站,因此结构如下。

\ 
MainWebSite\
        Scripts\
        CSS\
        App1\
           Scripts\
           CSS\
        App2\
           Scripts\
           CSS\

所有网站都是ASP.NET MVC Web应用程序。

在 MasterPage 在App1中,我引用如下脚本文件:

<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.custom.min.js">
</script>

问题是它现在试图在http:\server\mainwebsite\scripts….

我怎么能解决这个问题?我应该把所有的脚本和CSS文件放到根目录中吗,这是首选的解决方案吗?

3 回复 | 直到 15 年前

Peter Mortensen Pieter Jan Bonestroo 15 年前

在ASP.NET中,有一个很大的函数是页面对象的一部分:

ResolveUrl(String)

这是通过传入一个相对字符串来使用的,但最好的部分是可以使用~来表示网站的根:

<script type="text/javascript" src='<%=ResolveURL("~/PATH_FROM_ROOT/Scripts/jquery-ui-1.8.custom.min.js")%>'></script>

[注意单引号。]

IsmailS 15 年前

试试这个

<script type="text/javascript" src="~/../Scripts/jquery-ui-1.8.custom.min.js" runat="server"></script>

在上面的标记中,我假设您的脚本文件在mainwebsite\scripts中\

“~”从应用程序根目录中引入相关引用。好处是,如果您将母版页文件从 MainWebSite\App1\ 到 MainWebSite\App1\MasterPages\ 您不必更改母版页中所有相对引用的URL。

Peter Mortensen Pieter Jan Bonestroo 15 年前

最好的解决方案是使用CSS和JavaScript的绝对URL。使用一个附加的全局变量,您也可以在开发系统中使用它。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

11 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

11 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

11 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

11 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

11 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

12 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前