ASP.NET使用母版页后动态加载JS/CSS
2012-11-08 15:41
676 查看
ASP.NET中使用母版页最大的好处就是当有许多相似的页面时只用加一个母版页,每个页面用这个母版页生成内容页,然后根据情况修改每个内容页中的内容,保持页面布局的统一,同时也减少了代码量。
但另一个突出的问题是使用母版页后,每个内容页中没有了<head></head>标记,因为这都在母版页中有了,而这对修改标题、加载JS/CSS等文件都有影响,前面我已经说过在ASP.NET中使用母版页后统一网页标题,那这篇就来说说如何加载JS/CSS等文件。
与ASP.NET中使用母版页后统一网页标题中修改标题的原理一样,加载JS/CSS等文件可以在内容页中加,也可以在母版页中统一加载。
将下面两段段代码放入内容页的Page_Load中即可,很简单了,也不再多解释。
加载JS文件
[code lang="csharp"]
#region 加载JS文件
HtmlGenericControl JSControl = new HtmlGenericControl("script");
JSControl.Attributes.Add("type", "text/javascript");
JSControl.Attributes.Add("src", "JS/js.js");
Page.Header.Controls.Add(JSControl);
#endregion
[/code]
加载CSS文件
[code lang="csharp"]
HtmlLink CssControl = new HtmlLink();
CssControl.Href = "/CSS/Style.css";
CssControl.Attributes.Add("rel", "stylesheet");
CssControl.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(CssControl);
[/code]
string requestContentType = this.ContentPlaceHolder1.Page.GetType().ToString();
if (requestContentType == "ASP.admin_c2c_user_management_aspx")//获取请求的内容页类型,格式如ASP.目录名_文件名_aspx(好像文件名中的“-”都会被转换成了“_”)
{
//加载JS文件
HtmlGenericControl JSControl = new HtmlGenericControl("script");
JSControl.Attributes.Add("type","text/javascript");
JSControl.Attributes.Add("src", "JS/js.js");
Page.Header.Controls.Add(JSControl);
// 加载CSS文件
HtmlLink CssControl = new HtmlLink();
CssControl.Href = "/CSS/Style.css";
CssControl.Attributes.Add("rel", "stylesheet");
CssControl.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(CssControl);
}
[/code]
http://www.zenoven.com/technology/2010081406.html
但另一个突出的问题是使用母版页后,每个内容页中没有了<head></head>标记,因为这都在母版页中有了,而这对修改标题、加载JS/CSS等文件都有影响,前面我已经说过在ASP.NET中使用母版页后统一网页标题,那这篇就来说说如何加载JS/CSS等文件。
与ASP.NET中使用母版页后统一网页标题中修改标题的原理一样,加载JS/CSS等文件可以在内容页中加,也可以在母版页中统一加载。
1、在单个内容页中加载
将下面两段段代码放入内容页的Page_Load中即可,很简单了,也不再多解释。
加载JS文件
[code lang="csharp"]
#region 加载JS文件
HtmlGenericControl JSControl = new HtmlGenericControl("script");
JSControl.Attributes.Add("type", "text/javascript");
JSControl.Attributes.Add("src", "JS/js.js");
Page.Header.Controls.Add(JSControl);
#endregion
[/code]
加载CSS文件
[code lang="csharp"]
HtmlLink CssControl = new HtmlLink();
CssControl.Href = "/CSS/Style.css";
CssControl.Attributes.Add("rel", "stylesheet");
CssControl.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(CssControl);
[/code]
2、在母版页中统一加载
[code lang="csharp"]string requestContentType = this.ContentPlaceHolder1.Page.GetType().ToString();
if (requestContentType == "ASP.admin_c2c_user_management_aspx")//获取请求的内容页类型,格式如ASP.目录名_文件名_aspx(好像文件名中的“-”都会被转换成了“_”)
{
//加载JS文件
HtmlGenericControl JSControl = new HtmlGenericControl("script");
JSControl.Attributes.Add("type","text/javascript");
JSControl.Attributes.Add("src", "JS/js.js");
Page.Header.Controls.Add(JSControl);
// 加载CSS文件
HtmlLink CssControl = new HtmlLink();
CssControl.Href = "/CSS/Style.css";
CssControl.Attributes.Add("rel", "stylesheet");
CssControl.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(CssControl);
}
[/code]
http://www.zenoven.com/technology/2010081406.html
相关文章推荐
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- ASP.NET使用母版页后动态加载JS/CSS
- ASP.NET使用母版页后动态加载JS/CSS
- ASP.NET使用后台动态加载js和css文件
- ASp.net动态加载js和css文件
- 在Asp.Net头部动态加载css和js文件的方法(转)
- 在Asp.Net头部动态加载css和js文件的方法
- ASP.net动态加载JS代码与CSS文件
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- Asp.Net头部动态加载css和js文件的方法
- Asp.net 动态加载css与js总结
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- Asp.Net网页头部动态加载标题、描述、关键字、css和js文件的方法
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- 加快页面加载速度的解决方案-asp.net使用httphandler打包多CSS或JS文件
- 在ASP.NET WEBFORM项目中使用MVC4中的BundleConfig捆绑压缩JS和CSS
- asp.net 使用js分页实现异步加载数据
- 使用jquery动态加载js,css文件 详细出处参考:http://www.jb51.net/article/35287.htm