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