CSS clear 屬性
指定段落的左側(cè)或右側(cè)不允許浮動(dòng)的元素：
img
{
float:left;
}
p.clear
{
clear:both;
}
屬性值
| 值 | 描述 |
|---|---|
| left | 在左側(cè)不允許浮動(dòng)元素甸各。 |
| right | 在右側(cè)不允許浮動(dòng)元素效诅。 |
| both | 在左右兩側(cè)均不允許浮動(dòng)元素。 |
| none | 默認(rèn)值玷坠。允許浮動(dòng)元素出現(xiàn)在兩側(cè)。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 clear 屬性的值乘寒。 |
js 定時(shí)器
js 定時(shí)器有以下兩個(gè)方法：
- setInterval() ：按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式烹骨。方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉畴蒲。
- setTimeout() ：在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。
setInterval()
語(yǔ)法
setInterval(code,millisec,lang)
| 參數(shù) | 描述 |
|---|---|
| code | 必需对室。要調(diào)用的函數(shù)或要執(zhí)行的代碼串模燥。 |
| millisec | 必須狞玛。周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔，以毫秒計(jì)涧窒。 |
| lang | 可選。 JScript | VBScript | JavaScript |
setTimeout()
語(yǔ)法
setTimeout(code,millisec,lang)
| 參數(shù) | 描述 |
|---|---|
| code | 必需锭亏。要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串纠吴。 |
| millisec | 必需。在執(zhí)行代碼前需等待的毫秒數(shù)慧瘤。 |
| lang | 可選戴已。腳本語(yǔ)言可以是：JScript | VBScript | JavaScript |
CSS border-color 屬性
border-color屬性設(shè)置一個(gè)元素的四個(gè)邊框顏色。此屬性可以有一到四個(gè)值.
屬性值
| 值 | 說(shuō)明 |
|---|---|
| color | 指定背景顏色锅减。在CSS顏色值查找顏色值的完整列表 |
| transparent | 指定邊框的顏色應(yīng)該是透明的糖儡。這是默認(rèn) |
| inherit | 指定邊框的顏色，應(yīng)該從父元素繼承 |
HTML DOM 
屬性
定義和用法
classList 屬性返回元素的類名怔匣，作為 DOMTokenList 對(duì)象握联。
該屬性用于在元素中添加，移除及切換 CSS 類每瞒。
classList 屬性是只讀的金闽，但你可以使用 add() 和 remove() 方法修改它。
Properties
| 屬性 | Description |
|---|---|
| length | 返回類列表中類的數(shù)量 該屬性是只讀的 |
方法
| 方法 | 描述 |
|---|---|
| add(class1, class2, ...) | 在元素中添加一個(gè)或多個(gè)類名 如果指定的類名已存在剿骨，則不會(huì)添加 |
| contains(class) | 返回布爾值代芜，判斷指定的類名是否存在。 可能值： true - 元素包已經(jīng)包含了該類名 false - 元素中不存在該類名 |
| item(index) | 返回類名在元素中的索引值浓利。索引值從 0 開(kāi)始挤庇。 如果索引值在區(qū)間范圍外則返回 null |
| remove(class1, class2, ...) | 移除元素中一個(gè)或多個(gè)類名。 注意： 移除不存在的類名贷掖，不會(huì)報(bào)錯(cuò)嫡秕。 |
| toggle(class, true|false) | 在元素中切換類名。 第一個(gè)參數(shù)為要在元素中移除的類名苹威，并返回 false淘菩。 如果該類名不存在則會(huì)在元素中添加類名，并返回 true屠升。 第二個(gè)是可選參數(shù)潮改，是個(gè)布爾值用于設(shè)置元素是否強(qiáng)制添加或移除類，不管該類名是否存在腹暖。例如： 移除一個(gè) class: element.classList.toggle("classToRemove", false); 添加一個(gè) class: element.classList.toggle("classToAdd", true); 注意： Internet Explorer 或 Opera 12 及其更早版本不支持第二個(gè)參數(shù)汇在。 |
HTML DOM %7D%7BcreateTextNode()%7D)
方法
創(chuàng)建一個(gè)文本節(jié)點(diǎn):
var btn=document.createTextNode("Hello World");
輸出結(jié)果：
Hello World
HTML元素通常是由元素節(jié)點(diǎn)和文本節(jié)點(diǎn)組成。
創(chuàng)建一個(gè)標(biāo)題 (H1), 你必須創(chuàng)建 "H1" 元素和文本節(jié)點(diǎn):
創(chuàng)建一個(gè)標(biāo)題:
var h=document.createElement("H1")
var t=document.createTextNode("Hello World");
h.appendChild(t);
輸出結(jié)果：
Hello World
HTML DOM %7D%7BaddEventListener()%7D)
方法
在文檔中添加點(diǎn)擊事件脏答。當(dāng)用戶在文檔任何地方點(diǎn)擊時(shí)糕殉，在 id="demo" 的 <p> 元素上輸出 "Hello World"：
document.addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Hello World";
});
定義與用法
document.addEventListener() 方法用于向文檔添加事件句柄亩鬼。
提示： 可以使用 document.removeEventListener() 方法來(lái)移除 addEventListener() 方法添加的事件句柄。
提示：使用 element.addEventListener() 方法為指定元素添加事件句柄阿蝶。
語(yǔ)法
document.addEventListener(event, function, useCapture)
參數(shù)值
| 參數(shù) | 描述 |
|---|---|
| event | 必需雳锋。描述事件名稱的字符串。 注意： 不要使用 "on" 前綴羡洁。例如玷过，使用 "click" 來(lái)取代 "onclick"。 提示： 所有 HTML DOM 事件筑煮，可以查看我們完整的 HTML DOM Event 對(duì)象參考手冊(cè)辛蚊。 |
| function | 必需。描述了事件觸發(fā)后執(zhí)行的函數(shù)真仲。 當(dāng)事件觸發(fā)時(shí)袋马，事件對(duì)象會(huì)作為第一個(gè)參數(shù)傳入函數(shù)。 事件對(duì)象的類型取決于特定的事件秸应。例如虑凛， "click" 事件屬于 MouseEvent(鼠標(biāo)事件) 對(duì)象。 |
| useCapture | 可選软啼。布爾值卧檐，指定事件是否 在捕獲或冒泡階段執(zhí)行。 可能值： * true - 事件句柄在捕獲階段執(zhí)行 * false- 默認(rèn)焰宣。事件句柄在冒泡階段執(zhí)行 |
CSS3 :nth-child() 選擇器
指定每個(gè) p 元素匹配的父元素中第 2 個(gè)子元素的背景色：
p:nth-child(2)
{
background:#ff0000;
}
定義和用法
:nth-child(n) 選擇器匹配父元素中的第 n 個(gè)子元素霉囚，元素類型沒(méi)有限制。
n 可以是一個(gè)數(shù)字匕积，一個(gè)關(guān)鍵字盈罐，或者一個(gè)公式。
JavaScript eval() 函數(shù)
定義和用法
eval() 函數(shù)計(jì)算 JavaScript 字符串闪唆，并把它作為腳本代碼來(lái)執(zhí)行盅粪。
如果參數(shù)是一個(gè)表達(dá)式，eval() 函數(shù)將執(zhí)行表達(dá)式悄蕾。如果參數(shù)是Javascript語(yǔ)句票顾，eval()將執(zhí)行 Javascript 語(yǔ)句。
語(yǔ)法
eval(string)
| 參數(shù) | 描述 |
|---|---|
| string | 必需帆调。要計(jì)算的字符串奠骄，其中含有要計(jì)算的 JavaScript 表達(dá)式或要執(zhí)行的語(yǔ)句。 |
延遲腳本 defer
這個(gè)屬性的用途是表明腳本在執(zhí)行時(shí)不會(huì)影響頁(yè)面的構(gòu)造番刊。也就是說(shuō)含鳞，腳本會(huì) 被延遲到整個(gè)頁(yè)面都解析完畢后在運(yùn)行。因此在<script>元素中設(shè)置defer屬性，相當(dāng)于告訴瀏覽器立即下載嗜价，但延遲執(zhí)行。
<head>
<script type="text/javascript defer="defer" scr=''***.js "></script>
</head>
異步腳本
html5為<script>元素定義了async屬性布疙。與defer類似 熔吗，async只適用外部腳本辆床，并告訴瀏覽器立即下載文件。但是與defer不同的是桅狠，標(biāo)記為async的腳本并不保證按照指定它們的先后順序執(zhí)行
<head>
<script type="text/javascript async scr=''***.js "></script>
<script type="text/javascript async scr=''***.js "></script>
</head>
以上代碼中讼载，第二個(gè)腳本可能會(huì)在第一個(gè)腳本文件之前執(zhí)行。因此垂攘，確保兩者之間互不依賴非常重要。指定async屬性的目的是不讓頁(yè)面等待兩個(gè)腳本的下載和執(zhí)行淤刃，從而異步加載頁(yè)面其他內(nèi)容晒他。為此，建議異步腳本不要在加載期間修改DOM逸贾。
在XHTML中的用法
可擴(kuò)展超文本標(biāo)記語(yǔ)言陨仅，即XHTML，是將HTML作為XML的應(yīng)用而重新定義的一個(gè)標(biāo)準(zhǔn) 铝侵。編寫XHTML代碼的規(guī)則要比編寫HTML嚴(yán)格的多灼伤，而且直接影響能否在嵌入Javascript代碼時(shí)使用<script>標(biāo)簽。以下面代碼為例咪鲜，雖然它們?cè)贖TML中是有效的狐赡，但是在XHTML中則是無(wú)效的。
<script type="text/javascript">
function compare(a,b) {
if (a < b) {
} else if (a > b) {
} else {
}
}
</script>
這里比較語(yǔ)句a < b 中的小于號(hào)(<)在XHTML中被當(dāng)作開(kāi)始一個(gè)新標(biāo)簽來(lái)解析疟丙。但是作為標(biāo)簽來(lái)講颖侄，小于號(hào)后面不能跟空格，因此就會(huì)導(dǎo)致語(yǔ)法錯(cuò)誤享郊。
可以用相應(yīng)的HTML實(shí)體（<）替換代碼中所有的小于號(hào)(<).
第二個(gè)方法就是用CData片段來(lái)包含JavaScript代碼览祖。在XHTML(XML)中，CData片段是文檔中的一個(gè)特殊區(qū)域炊琉，這個(gè)區(qū)域中可以包含不需要解析的任意格式的文本內(nèi)容展蒂。因此在CData片段中就可以使用任意的字符，引入CData片段后的JavaScript代碼如下所示：
<script type="text/javascript">
<![CData[
function compare(a,b) {
if (a < b) {
} else if (a > b) {
} else {
}
}
]]>
</script>
在有不少瀏覽器不兼容XHTML,因此不支持CData片段苔咪。怎么辦呢锰悼？在使用JavaScript注釋將CData標(biāo)記注釋掉就可以了：
<script type="text/javascript">
//<![CData[
function compare(a,b) {
if (a < b) {
} else if (a > b) {
} else {
}
}
//]]>
</script>
