由於網站的主要頻道頁和列表頁的頭部和底部都是一樣的,如果將每個頁面放在單獨的頁面中,當頭部和底部需要更改時維護量太大。於是想把頭部和底部做成母版頁,頻道頁和列表頁的具體內容放到內容頁中。這樣當頭和底需要改動時,只要修改一下母版頁就可以了。
好處有了,問題也接着來了。原來在頻道頁和列表頁中有其各自的css引入和一些javascript函數,當使用母版頁時,放在內容頁中這些css樣式和 javascript函數怎么處理呢?因為大家知道,使用母版頁的內容頁是不能包含<head></head>標記的,而css 和javascript函數的聲明是要放到<head></head>中間的,這些css樣式和javascript函數如何處 理呢?上網查了一下,大致有三種解決方案:方案一:把所有的css樣式和javascript函數放到母版頁的<head></head>中, 我覺得這樣做的弊端就是導致母版頁的<head></head>區特別臃腫,同時如果原來兩個頻道頁中包含同名的css聲明或 javascript函數,但卻是不同樣式或執行不同操作,怎么辦呢?所以這第一種方案很快被我否定了。方案二是在內容頁的PageLoad事件中通過代 碼來指定本內容頁的css文件。具體代碼如下:
{
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 引用:
{
ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css");
}
這種解決方案的好處時可以在程序運行時動態更改所需的css文件,但是對javascript函數處理起來該怎么做呢?再說有必要把本該加在html代碼中的css和javascript通過cs代碼來加入嗎?因此,這種解決方案也很快被我否定了。剩下的第三種解決方案就是在母版頁的<head></head>中添加一個內容控件,然后在內容頁中在對應的內容控件中寫css和javascript代碼。聽起來這個這個解決方案應該是最方便,最適宜的解決方法。可是當我把ContentPlaceHolder控件拖放到<head></head中間時,vs2005卻報了下面的錯誤:

白天的時候,看到這我就以為這種方法行不通了,差點就放棄了。晚上回家想找找更好的解決方案,可所有的文章基本上都是說的前兩種,對第三種解決方案有人說報錯,不行。看來碰到這個提示后放棄的人還真不少。我沒理這個錯誤,直接轉到內容頁,,在內容頁中插入以下代碼:


心涼了一下,因為沒看到我上面應用的css樣式的效果,我的css文件的代碼如下:
{
text-align:center;
width:200px;
height:100px;
color:#FF0000;
font-size:12px;
}

總結一下,其實很多人開始的想法和我一樣,想如何用最簡單的方法實現在內容頁中使用css和 javascript的功能。他們中的很多人可能也找到我找到的那篇文章,但是當碰到我的那個母版頁中的錯誤提示后就放棄了,也許有人堅持到了第二步,可 是在設計視圖中沒看到css的應用效果后可能也放棄了。其實只要在堅持一下就成功了!余世維說的好“比別人多想一點,你就能成功!”,確實很有道理啊