ASP.NET多風格樣式切換實現代碼

來源:互聯網
上載者:User
對於一個多頁面的網站來說了,CSS的更換不能只簡單的在一個頁面中調用更換CSS功能更新這個頁面頭上連結的CSS地址,因為它不能保證在點擊了別的頁面後新的樣式應該到新開啟的頁面中去,因此,一定要有一個全域性的變數來記錄它,我選用的是SESSION,在使用者點擊了側邊模板下拉框中的模板時,觸發了下拉框的ONCHANGE事件,執行了一段AJAX程式,程式的功能是將使用者選中的模板資訊發送給伺服器,伺服器接收新的模板資訊後更新表示模板的SESSION值,然後向用戶端返回成功資訊,用戶端則根據返回的成功資訊來改變頁面樣式,注意:我在頁面頭中寫的CSS連結資訊是這樣子的:

  程式碼:

<LINK id=cssLink href="http://alixixi.com/abc.css" type=text/css rel=stylesheet>

  css.aspx是一個ASP.net的頁面,它的作用只是單一的根據SESSION中的當前CSS模板資訊來轉向所應CSS樣式表檔案!這樣子的處是用戶端在接收到了伺服器端成功更新SESSION的資訊後剛不用考慮其它的東西,直接一句:

document.getElementById("cssLink").href=http://www.alixixi.com/document.getElementById("cssLink").href;

  將cssLink的href重新寫一下兒,雖然是前後一模一樣子的值,但這會激發CSS.ASPX頁面重新讀一下兒,這樣子CSS.ASPX頁面就能轉到新更新的CSS樣式表了!由於網站別的頁面的樣式表連結資訊都是這樣寫的,所以每個頁面載入時都是會應用最新更新的樣式表的,這樣子,網站無重新整理的全域更新樣式表就實現了!!



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.