雜得閒先整理

雜#以下內容大部分摘於網路，如有……（此處省略n個字）#

做單的時候不時會遇到說姓名，手機號碼、出生地，然後要求兩端對齊，這時候就要用text-align：text-justify這個屬性了。設定玩text-align為justify之後，還要設定text-justify的值。之前有用過，但是對其還是不夠了解。ie的取值如下：

該屬性有嚴格的相容性問題，而且在ff和chrome需要手動在漢字間插入空白或軟換位標籤才生效。

在網路上面找到一段究極方案（測試有效）

.test1 
@media screen and (-webkit-min-device-pixel-ratio:0)
}

原理不懂，拿來用再說。

##########5-15##########

一般我們在js中新增事件,是這樣子的

obj.onclick=method

這種繫結事件的方式，相容主流瀏覽器,但如果乙個元素上新增多次同一事件呢?

obj.onclick=method1;
obj.onclick=method2;
obj.onclick=method3;

如果這樣寫,那麼只有最後繫結的事件,這裡是method3會被執行,這個時候我們就不能用onclick這樣的寫法了,主角改登場了,在ie中我們可以使用attachevent方法

btn1obj.attachevent("onclick",method1);
btn1obj.attachevent("onclick",method2);
btn1obj.attachevent("onclick",method3);

使用格式是前面是事件型別,注意的是需要加on,比如onclick,onsubmit,onchange,執行順序是

method3->method2->method1

由於ie8以及更早的版本不支援addeventlistener()函式，因此需要乙個標準的函式把這些差異性做封裝

function addlistener(target,type,handler)  else if (target.attachevent)  else 
}

去掉事件寫法:

removeeventlistener(type,handler,false);

detachevent("on"+type,handler)

##########5-16##########

js獲取css值（相容ff、ie）

用obj.style.attr來獲採樣式的時候，只能獲取到該標籤裡面style的行內樣式，並不能滿足需求，為了獲取到最終使用的css屬性值，這裡使用getcomputedstyle和currentstyle來獲取

getcomputedstyle是乙個可以獲取當前元素所有最終使用的css屬性值。返回的是乙個css樣式宣告物件([object cssstyledeclaration])，唯讀。

語法如下：

var style = window.getcomputedstyle("元素", "偽類");

例如：

var dom = document.getelementbyid("test"),
style = window.getcomputedstyle(dom , ":after");#提示下：gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) 之前，第二個引數「偽類」是必需的（如果不是偽類，設定為null）#
currentstyle是ie瀏覽器自娛自樂的乙個屬性，其與element.style可以說是近親，至少在使用形式上類似，element.currentstyle，差別在於element.currentstyle返回的是元素當前應用的最終css屬性值（包括外鏈css檔案，頁面中嵌入的屬性等）。

getpropertyvalue方法可以獲取css樣式申明物件上的屬性值（直接屬性名稱），例如：

window.getcomputedstyle(element, null).getpropertyvalue("float");

如果我們不使用getpropertyvalue方法，直接使用鍵值訪問，其實也是可以的。但是，比如這裡的的float，如果使用鍵值訪問，則不能直接使用getcomputedstyle(element, null).float，而應該是cssfloat與stylefloat，自然需要瀏覽器判斷了，比較折騰！

使用getpropertyvalue方法不必可以駝峰書寫形式（不支援駝峰寫法），例如：style.getpropertyvalue("border-top-left-radius");

相容性

getpropertyvalue方法ie9+以及其他現代瀏覽器都支援，見下表：

chrome

firefox (gecko)

internet explorer

opera

safari

基本支援

9ok，一涉及到相容性問題(ie6-8腫麼辦)，感覺頭開始微微作痛了~~，不急，ie自由一套自己的套路，就是getattribute方法。

在老的ie瀏覽器（包括最新的），getattribute方法提供了與getpropertyvalue方法類似的功能，可以訪問css樣式物件的屬性。用法與getpropertyvalue類似：

style.getattribute("float");

注意到沒，使用getattribute方法也不需要cssfloat與stylefloat的怪異寫法與相容性處理。不過，還是有一點差異的，就是屬性名需要駝峰寫法，如下：

style.getattribute("backgroundcolor");

如果不考慮ie6瀏覽器，貌似也是可以這麼寫：

style.getattribute("background-color");

雜得閒先整理

情感雜語整理

js知識整理雜）

UDP自己先整理

雜 得閒先整理

情感雜語整理

js知識整理 雜）

UDP自己先整理

相關推薦

雜得閒先整理

js知識整理雜）