在以前的asp程序里我们经常用使用response.write动态输出网页header信息,但在asp.net里这个所谓代码与ui分离的指导思想不再希望我们这样做了(当然如果您愿意还可以,这毕竟只是建议而已),以前见过别人用<title ranut="server" id="titlecontrol">default title</title>设置标题的,但本人认为不是很好,因为这会产生多余的id="titlecontrol" 个人感觉使用literal控件控制比较好,因为它不会产生一个多余的字符:),也有人使用js的动态设置标题,但这你让搜索引擎怎么办?
动态控制page页的head信息其实很简单
先看演示: http://www.lvjiyong.com/demo/aspnet/setheader/
演示做的很简单,大家可以下了源码好好看,注解里面都有了
主要使用了literal与placeholder
方法放置在basepage里,下次让webform继承basepage类就可以调用了
使用literal设置title信息
使用placeholder载入样式表与脚本
literal允许我们直接设置文本信息,使用时我们先让程序查找是否有指定的literal控件,如果有则设置text
/**//// <summary>
/// 设置head信息
/// </summary>
/// <param name="_name">控件</param>
/// <param name="_control">文本</param>
private void setheader(string _control,string _text)
{
literal obj = this.findcontrol(_control) as literal;
if(obj != null)
{
obj.text = _text;
}
}
比如我们在head区设置了<asp:literal id="pagetitle" runat="server" />,我们可以这样设置标题
这里先准备一个方法
/**//// <summary>
/// 设置网页标题
/// </summary>
/// <param name="_title">网页标题</param>
protected void settitle(string _title)
{
setheader("pagetitle","<title>" + _title + "</title>");
在webfrom中我们就可以这样设置标题了
this.settitle("吕的部落格");
description,keywords等的方法一样,不过要设置meta,这个就不讲了,可以看源码
下面我再说一下js与css的载入,这次我们用到的是placeholder控件,为什么用这个不沿用literal,自己想想
placeholder一般只占用位置,方便我们动态加载控件,这样载入js与css就方便多了
首先了也是查找指定的placeholder控件
/**//// <summary>
/// 查找loadheader的placeholder容器
/// </summary>
/// <returns></returns>
private control findheader()
{
return this.findcontrol("loadheader");
}再是动态加入控件
/**//// <summary>
/// 装载控件到placeholder控件
/// </summary>
/// <param name="_obj"></param>
protected void loadplaceholder(htmlgenericcontrol _obj)
{
objheader = findheader() as control;
//载入脚本文件
if(objheader != null)
{
objheader.controls.add(_obj);
}
}要载入css或js我们先用htmlgenericcontrol创建子控件然后加到placeholder控件中
/**//// <summary>
/// 载入指定的样式表文件
/// </summary>
/// <param name="_csspath">样式表文件地址</param>
protected void loadcss(string _csspath)
{
htmlgenericcontrol objcss = new htmlgenericcontrol("link");
objcss.attributes["rel"] = "stylesheet";
objcss.attributes["type"] = "text/css";
objcss.attributes["href"] = _csspath;
objcss.attributes["media"] = "screen";
this.loadplaceholder(objcss);
}
那我们在webform中要载入样式表只要使用
this.loadcss("样式表地址");载入js一样,就不说了
在源码中我写的功能比这里说的强一点点,大家可以自己下了看看.
新闻热点
疑难解答