CSS 使用母版页的内容页如何调用css和javascript

方案一:

  把所有的css样式和javascript函数放到母版页的<head></head>中,我觉得这样做的弊端就是导致母版页的<head></head>区特别臃肿,同时如果原来两个频道页中包含同名的css声明或javascript函数,但却是不同样式或执行不同操作。

 

方案二:

  在内容页的PageLoad事件中通过代码来指定本内容页的css文件。

代码如下

static public class ControlHelper 

  static public void AddStyleSheet(Page page, string cssPath) 
  { 
    HtmlLink link = new HtmlLink(); 
    link.Href = cssPath; 
    link.Attributes["rel"] = "stylesheet"; 
    link.Attributes["type"] = "text/css"; 
    page.Header.Controls.Add(link); 
  } 

  在具体页面,我们就可以通过如下代码添加 CSS 引用: 

protected void Page_Load(object sender, EventArgs e)
{
  ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css");
}

  这种解决方案的好处时可以在程序运行时动态更改所需的css文件,但是对javascript函数处理起来该怎么做呢?再说有必要把本该加在html代码中的css和javascript通过cs代码来加入吗?

 

方案三:

  在母版页的<head></head>中添加一个ContentPlaceHolder控件,然后在内容页中在对应的内容控件中写css和javascript代码。

 

posted @ 2015-05-19 09:25  胡炜  阅读(1857)  评论(0编辑  收藏  举报