Skip to content




动态控制Page页的Head信息

     在以前的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一样,就不说了
  
  在源码中我写的功能比这里说的强一点点,大家可以自己下了看看.
  
  
    
电脑学习文摘 .

文章发表于 asp.net精选文摘.



0 条评论

订阅本条RSS 及时了解评论动态.



支持HTML

(必填)

(必填, 但我们决不会对外公开)

trackback.