码农奇迹
专注、专业、无畏的前行

前一篇接受了ASP中母版页中动态加载JS、CSS的后台代码,除了上面的处理之外也可以在前台中加载。具体做法如下。

CSS代码:

直接在母版页的head中添加。

<head id="Head" runat="server">
    
<link href="~/CSS/NavStyle.css" rel="stylesheet" type="text/css"/>
    
<link href="~/CSS/Site.css" rel="stylesheet" type="text/css" />
</head>
 
然后再内容页中加载JS或者JQuery代码:
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
<script src='<%=ResolveUrl("../Scripts/jquery-1.4.1.js") %>' type="text/javascript"></script>
<script src='<%=ResolveUrl("../Scripts/MyJScript.js") %>' type="text/javascript"></script>
</asp:Content>

这里需要注意的是上面CSS与JS的相对路径的问题,这些很多博文中都有提到。

根目录

--母版页

--内容页文件夹--内容页

--CSS文件夹--CSS文件

--Scripts文件夹--js文件

还有一点需要注意的是CSS中的图片的url要相对于母版页的路径

posted on 2011-04-16 09:48  @编程浪子@  阅读(830)  评论(0编辑  收藏  举报