大家可以先把下面這段語句粘貼到地址欄，然后回車，看看效果。

javascript:with(document.body){background="";bgColor="#779966";text="#bb4400"};void(document.styleSheets[0].addRule("TD","border:1 solid black;background-color:#eef9ee!important"))

下面是解說：

1.javascript:url
偽url技術(shù)。它適用于所有包括href和src屬性的標(biāo)記：假如一個屬性能接收url作為它的值，它就可以接收這個javascript:url ，地址欄相當(dāng)于location.href，所以也不例外咯。：）

2.返回值
多數(shù)js語句會有返回值，這里我們并不需要返回值，以免它傳遞給href屬性，使location.href起作用。
可以用alert這個不會產(chǎn)生返回值，但又會計(jì)算表達(dá)式的方法來達(dá)到我們的目的：把語句作為alert的參數(shù)，由alert來執(zhí)行。
但是用alert會彈出計(jì)算的最終結(jié)果（即語句段最終的返回值），我們并不需要彈出框，只需要語句靜靜地執(zhí)行，并且沒有返回值。void運(yùn)算符正是我們所需要的。

3.再談返回值
在順序執(zhí)行的語句段中，如果每一句都有返回值，而某一個屬性（比如href）只能接收一個返回值，它會接收哪一個返回值呢？答案是最后一個。因此，我們只需在最后一句加上void就行了。

4.with語句
with語句可以為用大括號括起來的一段語句段設(shè)定默認(rèn)對象，以減少代碼量。上面的with(document.body){background="";bgColor="#779966";text="#bb4400"}
即相當(dāng)于：
document.body.background=""
document.body.bgColor="#779966"
document.body.text="#bb4400"

5.為已定義的樣式表新增規(guī)則
document.styleSheets[0].addRule("TD","border:1 solid black")
上面這段語句給頁面中的第一個樣式表對象增加一個規(guī)則：讓所有的表格單元帶上一個象素寬的黑色實(shí)線邊框。
styleSheets是頁面上所有<style></style>和<link rel=stylesheet type=text/css href=***.css>元素的集合。styleSheets[0]是指第一個樣式表元素。
addRule()方法用來給樣式表對象插入規(guī)則。第一個參數(shù)是selector，第二個參數(shù)是對selector的定義。

6.樣式表的!important屬性
凡是具有!important屬性的樣式，在頁面中具有優(yōu)先權(quán)。舉例：
<style>
p {color:red!important}
</style>
<p style="color:green">這里的文字是紅色的。</p> 

好了，開頭的那段語句就包括這些知識點(diǎn)，大家有沒有在這基礎(chǔ)之上的進(jìn)一步的創(chuàng)新，讓我學(xué)習(xí)學(xué)習(xí)？鼓勵創(chuàng)新哦。：）

最新評論