Firefox 無(wú)法獲取cssRules 的解決辦法
更新時(shí)間：2006年10月11日 00:00:00 作者：
Firefox實(shí)在太BT了, 總給我們加一些無(wú)聊的安全權(quán)限設(shè)置. 這幾天在做Qzone的FF兼容發(fā)現(xiàn). 設(shè)置了domain 后, FF下無(wú)法獲取 styleSheets 的 cssRules 了.
雖然無(wú)法獲取 cssRules ,但是我驚訝地發(fā)現(xiàn),居然可以對(duì) styleSheets 里的樣式進(jìn)行 insert和delete . 這是那門(mén)子權(quán)限呀,無(wú)聊了不是.
得給我 insert和delete 就夠了. 利用這兩個(gè)方法也可以對(duì)樣式進(jìn)行 update 操作. 為了讓firefox兼容IE. 我修改了 CSSStyleSheet 的原型方法
CSSStyleSheet.prototype.addRule = function(selectorText,cssText,index){
return this.insertRule(selectorText+cssText,index);
}
CSSStyleSheet.prototype.removeRule = CSSStyleSheet.prototype.deleteRule
這樣 firefox 也可以使用IE的 addRule 和 removeRule 了.
雖然無(wú)法獲取 cssRules ,但是我驚訝地發(fā)現(xiàn),居然可以對(duì) styleSheets 里的樣式進(jìn)行 insert和delete . 這是那門(mén)子權(quán)限呀,無(wú)聊了不是.
得給我 insert和delete 就夠了. 利用這兩個(gè)方法也可以對(duì)樣式進(jìn)行 update 操作. 為了讓firefox兼容IE. 我修改了 CSSStyleSheet 的原型方法
復(fù)制代碼 代碼如下:
CSSStyleSheet.prototype.addRule = function(selectorText,cssText,index){
return this.insertRule(selectorText+cssText,index);
}
CSSStyleSheet.prototype.removeRule = CSSStyleSheet.prototype.deleteRule
這樣 firefox 也可以使用IE的 addRule 和 removeRule 了.
相關(guān)文章
最近重新溫習(xí)了一次《javascript設(shè)計(jì)模式》，確實(shí)是一本好書(shū)，每次看都有不同的領(lǐng)悟，每次領(lǐng)悟到的都受益匪淺，無(wú)怪古圣人都說(shuō)學(xué)無(wú)止鏡了，僅以“加油，好嗎？”共勉！2009-10-10
微信小程序后端(java)開(kāi)發(fā)流程的詳細(xì)步驟
這篇文章主要介紹了微信小程序后端開(kāi)發(fā)流程的詳細(xì)步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
js實(shí)現(xiàn)的類marquee水平循環(huán)滾動(dòng)
marquee （水平）循環(huán)滾動(dòng)的js實(shí)現(xiàn) ,需要的朋友可以參考下。2010-03-03
微信小程序?qū)崿F(xiàn)選項(xiàng)卡的方法
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡的方法，利用swiper組件實(shí)現(xiàn)選項(xiàng)卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
簡(jiǎn)單JS代碼壓縮器...2006-10-10
JavaScript組合拼接字符串的效率對(duì)比測(cè)試
這篇文章主要介紹了JavaScript組合拼接字符串的效率對(duì)比測(cè)試,本文測(cè)試了IE6、Firefox、Mozilla、Netscape、Opera等瀏覽器,需要的朋友可以參考下2014-11-11
這篇文章主要給大家介紹了ES5和ES6中類的區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
ECMAScript5中的對(duì)象存取器屬性：getter和setter介紹
這篇文章主要介紹了ECMAScript5中的對(duì)象屬性存取器：getter和setter介紹,事實(shí)上在除ie外最新主流瀏覽器的實(shí)現(xiàn)中,任何一個(gè)對(duì)象的鍵值都可以被getter和setter方法所取代,這被稱之為“存取器屬性”,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了兼容主流瀏覽器的JS復(fù)制內(nèi)容到剪貼板的實(shí)現(xiàn)方法及示例，非常實(shí)用，有需要的小伙伴參考下2014-12-12
div當(dāng)滾動(dòng)到頁(yè)面頂部的時(shí)候固定在頂部實(shí)例代碼
使用Javascript實(shí)現(xiàn)了滾動(dòng)頁(yè)面時(shí)，DIV到達(dá)頂部時(shí)固定在頂部。在IE下效果有點(diǎn)閃，具體代碼如下，感興趣的朋友可以參考下哈2013-05-05