、、、、、、、、、、、、、、、、、、、
js廣告彈出廣告 定時
需求：在打開頁面4秒後展示廣告，2秒後關閉，再停兩秒，。。。。
技術分析；
定時器：在window對象bom
Setinterval(code,毫秒)：週期執行
setTimeOUt(code,毫秒)；延遲執行一次
清除
clearInterval(id);
clearTimeout(id);
步驟分析：
1：確定事件
2：編寫函數
a.獲取元素
b.操作元素
1.html有 廣告隱藏
2.頁面加載成功後 onload
3.編寫函數，實現上面的函數
定時器：
操作元素：
document.getElementById(“”);
操作css屬性
document.getElementById(“id”).style.屬性=值;
若css屬性中有-，就可以將-刪除，後面的第一個字母大寫。
注意：只要是window對象的屬性都可以把window省略
、、、、、、、、、、、、、、、
localtion 定位信息
常用的屬性
href:獲取或者設置當前頁面的url（定位信息）
localtion.href:獲取url
localtion.href=”….”；設置定位信息；相當於a標籤
history：歷史
back()後退
forward()向前
go(int ) -1相當於back 1相當於forward
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
案例2-表單校驗plus
需求 提示信息不用彈出框，將信息追價值在文本框後面
技術分析
確定事件
表單提交事件 onsubmit
文本框得到焦點 onfocus
文本框失去焦點事件 onblur
編寫函數
獲取元素
操作元素
注意：在方法彙總function()中傳入this是代表當前對象
事件總結
常見的事件：焦點事件，表單事件（onsubmit,onchange)，頁面加載事件（onload)，鼠標事件（onclick,………..），鍵盤事件 （onkeydown,onkeyup,onkeyress）
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
隔行換色
需求：一個表格，隔一行換一個顏色
技術分析
確定事件：onload
編寫函數：
獲取函數：dom操作
獲取元素：document.getElementById(“id)只能獲取一個元素
document.getElementsByTagName(“標籤名”)：通過標籤名來獲取一組元素
返回的是一個數組
Array：
常用的屬性
length:數組的長度
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
案例————全選全不選
步驟分析
1.確定事件
最上面的複選框是單擊事件 onclick
2.編寫函數
讓所有的複選框和最上面的複選框的複選框保持一致
a.獲取最上面最上面的這個複選框的選中狀態 checked 設置或者返回是否被選中
b.獲取其他的所有的複選框對象，設置他們的checked屬性
getElementsByClassName getElementsByName
////////////////////
dom操作（文檔對象模型）
當瀏覽器結合搜到htmL代碼的時候，瀏覽器會將代碼裝載到內存中，形成一棵樹（document樹)
節點（Node）
文檔節點 document
元素節點 element —————html body
屬性節點 attribute ——————-href
文本節點 ———————標籤體的內容 text
獲取節點
通過document獲取其他節點
document.getElementById()；獲取一個特定的勻元素
document.getElementsByTagName()：通過標籤名獲取多個
document.getElementsByClassName()通過class獲取一類
document.getElementsByName()通過name屬性獲得一個元素（多個）
設置獲取節點的value屬性
dom對象.value;獲取
dom對象.value=”“設置
設置或者獲取節點的標籤體
dom對象.innerHTML；獲取
dom對象.innerHTML=”“；設置
設置或者獲取style屬性
dom對象.style.屬性；
dom對象.style.屬性=”“設置
獲取或者設置
dom對象.屬性；
dom對象.屬性=”“；
、、、、、、、、、、、、、、、、
關於文檔的操作在xml dom的domcument
關於元素的操作在xml dom的element中
appendChild()(dom）對象:在一個元素下添加孩子
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
案例5——左右選中
技術分析：
確定事件：按鈕的單擊事件
編寫函數：
點擊移動單個的話，獲取左邊選中的下拉選，將其追加到右邊的下拉選。
多個。。。
所有。。。
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
案例6-省市聯動
需求：選中省的時候，動態查詢該省下的所有市，然後展示在該省的下拉選
技術分析
數組：常用屬性Length
語法：new Array(); new Array(size); new Array(e2,e2,);
數組的長度是可變的，並且數組裏面可以是任意值
常用的方法：
存放值：對內容
pop();彈 最後一個
push()插入 到最後
shift();刪除第一個
unshift()插入到首位
打印數組
join(分隔符):將指定的數組打印成指定的字符串
拼接數組
concat()：連接兩個或者更多的數組
對結構的操作：
sort();排序 持久化 ，直接對結構的操作
reverse();反轉
步驟分析
1省的下拉選都添加的value屬性，當成數組的索引
2初始化市的值；
3選擇省的時候，onchange事件
4編寫函數
通過索引來獲取對應市的數組
遍歷數組，將數組中的每個值組裝成option添加到select中即可
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
引用類型總結
(原始類型的Stirng Number BOoolean 都是僞對象，都可以調用相應的對象）
Array：數組
String：字符串
new String(值|變量); 返回的是一個對象
String(值|變量） 返回的是一個原始類型
常用方法：sbstring(start,end) substr(start,end)
CharAt（index) 返回指定位置的字符
indexOF(“”)返回字符串所在的索引
split():切割
replace()替換
常用屬性：length
Boolean
語法:new Boolean(值|變量）
boolean(值）
非0數字 非空字符串 非空對象 轉換成true
Number
new Number(值|變量)
Number（值|變量）
null—-0 false—–0 true—–1 字符串數字—-對應的數字 其他的NaN
Date
new Date()
常用方法
toLacalString()
RegExp
直接量語法 /正則表達式/參數
new RegExp（“正則表達式”,參數)
參數：i忽略大小寫 g:全局
方法：test()返回爲值boolean
Math
Math.常量|方法
Math.PI
Math.random()
全局
decodeURI()解碼某個編碼的URI
encodeURI把字符串編碼爲URI
Number()強制轉換
String()轉換爲字符串
parseInt:嘗試轉換爲整數
parseFloat()嘗試轉換爲小數
eval()計算javaScript字符串，並把它作爲腳本代碼來執行