|
|
Javascript:with(document.body){background="";bgColor="#779966";text="#bb4400"};void(document.styleSheets[0].addRule("TD","border:1 solid black;background-color:#eef9ee!important"))
下面是解說(shuō)：
1.Javascript:url
偽url技術(shù)。它適用于所有包括href和src屬性的標(biāo)記：假如一個(gè)屬性能接收url作為它的值，它就可以接收這個(gè)Javascript:url ，地址欄相當(dāng)于location.href，所以也不例外咯。：）
2.返回值
多數(shù)js語(yǔ)句會(huì)有返回值，這里我們并不需要返回值，以免它傳遞給href屬性，使location.href起作用。
可以用alert這個(gè)不會(huì)產(chǎn)生返回值，但又會(huì)計(jì)算表達(dá)式的方法來(lái)達(dá)到我們的目的：把語(yǔ)句作為alert的參數(shù)，由alert來(lái)執(zhí)行。
但是用alert會(huì)彈出計(jì)算的最終結(jié)果（即語(yǔ)句段最終的返回值），我們并不需要彈出框，只需要語(yǔ)句靜靜地執(zhí)行，并且沒(méi)有返回值。void運(yùn)算符正是我們所需要的。
3.再談返回值
在順序執(zhí)行的語(yǔ)句段中，如果每一句都有返回值，而某一個(gè)屬性（比如href）只能接收一個(gè)返回值，它會(huì)接收哪一個(gè)返回值呢？答案是最后一個(gè)。因此，我們只需在最后一句加上void就行了。
4.with語(yǔ)句
with語(yǔ)句可以為用大括號(hào)括起來(lái)的一段語(yǔ)句段設(shè)定默認(rèn)對(duì)象，以減少代碼量。上面的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")
上面這段語(yǔ)句給頁(yè)面中的第一個(gè)樣式表對(duì)象增加一個(gè)規(guī)則：讓所有的表格單元帶上一個(gè)象素寬的黑色實(shí)線(xiàn)邊框。
styleSheets是頁(yè)面上所有<style></style>和<link rel=stylesheet type=text/css href=***.css>元素的集合。styleSheets[0]是指第一個(gè)樣式表元素。
addRule()方法用來(lái)給樣式表對(duì)象插入規(guī)則。第一個(gè)參數(shù)是selector，第二個(gè)參數(shù)是對(duì)selector的定義。
6.樣式表的!important屬性
凡是具有!important屬性的樣式，在頁(yè)面中具有優(yōu)先權(quán)。舉例：
<style>
p {color:red!important}
</style>
<p style="color:green">這里的文字是紅色的。</p>
好了，開(kāi)頭的那段語(yǔ)句就包括這些知識(shí)點(diǎn)，大家有沒(méi)有在這基礎(chǔ)之上的進(jìn)一步的創(chuàng)新，讓我學(xué)習(xí)學(xué)習(xí)？鼓勵(lì)創(chuàng)新哦。：）
JavaScript技術(shù)：地址欄上的一段語(yǔ)句，改變頁(yè)面的風(fēng)格。（教程），轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
