母版頁時內(nèi)容頁是如何使用css和javascript

　　好處有了，問題也接著來了。原來在頻道頁和列表頁中有其各自的css引入和一些javascript函數(shù)，當(dāng)使用母版頁時，放在內(nèi)容頁中這些css樣式和javascript函數(shù)怎么處理呢？因為大家知道，使用母版頁的內(nèi)容頁是不能包含標(biāo)記的，而css和javascript函數(shù)的聲明是要放到中間的，這些css樣式和javascript函數(shù)如何處理呢？上網(wǎng)查了一下，大致有三種解決方案：方案一：把所有的css樣式和javascript函數(shù)放到母版頁的中，我覺得這樣做的弊端就是導(dǎo)致母版頁的區(qū)特別臃腫，同時如果原來兩個頻道頁中包含同名的css聲明或javascript函數(shù)，但卻是不同樣式或執(zhí)行不同操作，怎么辦呢？所以這第一種方案很快被我否定了。方案二是在內(nèi)容頁的PageLoad事件中通過代碼來指定本內(nèi)容頁的css文件。具體代碼如下：

　　復(fù)制代碼 代碼如下:

　　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 引用：

　　復(fù)制代碼 代碼如下:

　　protected void Page_Load(object sender, EventArgs e)

　　{

　　ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css");

　　}

　　這種解決方案的'好處時可以在程序運(yùn)行時動態(tài)更改所需的css文件，但是對javascript函數(shù)處理起來該怎么做呢？再說有必要把本該加在html代碼中的css和javascript通過cs代碼來加入嗎？因此，這種解決方案也很快被我否定了。剩下的第三種解決方案就是在母版頁的中添加一個內(nèi)容控件，然后在內(nèi)容頁中在對應(yīng)的內(nèi)容控件中寫css和javascript代碼。聽起來這個這個解決方案應(yīng)該是最方便，最適宜的解決方法�？墒钱�(dāng)我把ContentPlaceHolder控件拖放到

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

　　看了一下，內(nèi)容頁中沒有報錯，看來有戲。可轉(zhuǎn)到內(nèi)容頁的設(shè)計視圖一看，出現(xiàn)了如下界面：

　　心涼了一下，因為沒看到我上面應(yīng)用的css樣式的效果，我的css文件的代碼如下：

　　復(fù)制代碼 代碼如下:

　　#content

　　{

　　text-align:center;

　　width:200px;

　　height:100px;

　　background-color:#00FF00;

　　color:#FF0000;

　　font-size:12px;

　　}

　　也就是讓id為content的div寬度200px，高度100px，文字居中，背景顏色為為綠色，字體為紅色，12px。不甘心的我按下了F5調(diào)試鍵，令人驚喜的一個畫面出現(xiàn)了：

　　這說明css應(yīng)用成功了，同時也看到了那個測試可愛的hello world對話框alert了出來。成功了！

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