style操作無論是讀還是寫,都是在行間body進行操作,而不是樣式表style
樣式優先順序:
行間》id>class>標籤》萬用字元*
對於以個同乙個元素,要麼只動class,要麼只動style,不要出現混亂。
提取行間事件
window.onload載入完整個頁面之後再來執行其中的**
行為樣式結構三者分錄
別加行間樣式,別加行間js事件
給元素新增事件
onclick是按鈕的乙個屬性,他一定要接受乙個函式
window.onload的作用看**試一下:
html**:
1view codedoctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>title
title
>
6<
script
>
7window.onload
=function
();12
};13
script
>
14head
>
1516
<
body
>
17body
>
18<
input
id="btn1"
type
="button"
value
="按鈕"
/>
19html
>
輸出四個紅色方框。
html**:
1view codedoctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>title
title
>67
<
style
>
8div
15style
>
1617
<
script
>
18window.onload
=function
() 24
script
>
2526
head
>
2728
<
body
>
29<
div>
div>
30<
div>
div>
31<
div>
div>
32<
div>
div>
33body
>
3435
html
>
提取行間事件
提取行間事件 實際上onclick也如同value一樣,只是這個button按鈕的乙個屬性而已,那麼我們也可以這樣寫 在input裡面不寫onclick 如果你把這段js 提到head裡面,你會發現出錯了,問題出在哪兒呢?其實當它要彈出這個對話方塊的時候body部分還沒有載入,也就是說,這行 語句 ...
js 獲取非行間樣式
1 getcomputedstyle nodeobj,false 該方法是bom物件,第乙個是要獲採樣式的節點物件 第二個可以寫成任何的字元一般寫成false或者null,這裡最好是用false因為用null ie9 會有問題 後面直接跟要獲取的樣式 寫在方括號中 即可 var style getc...
js入門知識(非行間樣式 陣列)
1 函式返回值 arguments 2 非行間樣式 currentstyle 當樣式不在行內時,如 在中 currenstyle ie中相容 getcomputedstyle 函式,false 火狐 谷歌相容 3 陣列基礎知識 定義 var a 1,2,3 新增刪除陣列 push 給尾部新增 pop...