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代码。