前一篇接受了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>
<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>
</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要相对于母版页的路径