雜 得閒先整理

2022-09-01 12:39:15 字數 3275 閱讀 6999

雜#以下內容大部分摘於網路,如有……(此處省略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,而應該是cssfloatstylefloat,自然需要瀏覽器判斷了,比較折騰!

使用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方法也不需要cssfloatstylefloat的怪異寫法與相容性處理。不過,還是有一點差異的,就是屬性名需要駝峰寫法,如下:

style.getattribute("backgroundcolor");
如果不考慮ie6瀏覽器,貌似也是可以這麼寫:

style.getattribute("background-color");

情感雜語整理

我在愛情中把自己貶到乙個小丑的位置,只為看到你絕美的笑容。戀人之間總會說很多無聊話,做一些無聊事。幸福就是有乙個人陪你無聊,難得的是你們兩個都不覺得無聊 要生活得漂亮,需要付出極大忍耐,一不抱怨,二不解釋。我曾路過你的心,不是我不想停留,而是你不肯收留。男人對女人的傷害,不一定是他愛上了別人,而是他...

js知識整理 雜)

mapactions stage 3 物件展開運算子,mapactions函式返回乙個物件,然後對返回物件使用展開符 解構 可以快速取得陣列或者物件當中的元素或者屬性,無需藉由arr x 或者obj key 等方式進行賦值 var a,b,c arr 變數名與物件屬性名不一致解構 var obj v...

UDP自己先整理

server部分 ipendpoint類包含應用程式連線到主機上的服務所需的主機和本地或遠端埠資訊。通過組合服務的主機 ip 位址和埠號,ipendpoint類形成到服務的連線點。ipendpoint ipaddress,int32 用指定的位址和埠號初始化ipendpoint類的新例項。由 net...