這里就寫的簡單一些吧，就當(dāng)是報(bào)復(fù)你們看了不點(diǎn)贊不關(guān)注了，哈哈哈。接著21號(hào)更新的文章～
對了，我這還有pdf版的紅寶書，如果有需要的小伙伴，請聯(lián)系我。
而且，我發(fā)現(xiàn)我這樣系列的更新頭條不怎么給我推送，等js分享完其他后，我會(huì)換標(biāo)題，現(xiàn)在換有點(diǎn)對不住以前收藏的小伙伴。不廢話開始了～
BOM
BOM -- 瀏覽器對象模型
所有的對象都可以會(huì)有自己的固定屬性和方法
調(diào)用這些屬性和方法： 對象.屬性 / 對象.方法
window對象：
window對象的說明：
1、window對象的所有屬性和方法或事件在使用時(shí) window. 可以省略
2、window對象的屬性和方法都是全局性的
3、一般自定義的全局變量和全局函數(shù) 都屬于window對象 ，全局變量屬于window的屬性，全局函數(shù)屬于window的方法
4、全局函數(shù)中的this指向的是window對象
window對象常用的方法：
三個(gè)彈出對話框：
alert() 彈出一個(gè)帶有確定按鈕的
prompt() 彈出一個(gè)帶有輸入框的對話框，點(diǎn)擊確定返回輸入的值，點(diǎn)擊取消返回null
confirm() 彈出一個(gè)帶有確定和取消按鈕的對話框，點(diǎn)擊確定返回true，點(diǎn)擊取消返回false
這三個(gè)方法彈出的對話框都是模式對話框，對話框不關(guān)閉，瀏覽器內(nèi)容被阻塞
兩個(gè)定時(shí)器：
setInterval(要執(zhí)行的任務(wù),間隔時(shí)間) 時(shí)間默認(rèn)為毫秒單位 連續(xù)執(zhí)行的定時(shí)器
用法一、
var timer = setInterval(function(){....},1000)
用法二、
setInterval("函數(shù)名()",1000);
function 函數(shù)名(){.......}
用法三、
setInterval( 函數(shù)名 ,毫秒值 )
function 函數(shù)名(){ ....... }
clearInterval(定時(shí)器名稱); 停止定時(shí)器
setTimeout(要執(zhí)行的任務(wù)，間隔時(shí)間) 用法同上 執(zhí)行一次 （延時(shí)性，一般用于延時(shí)執(zhí)行某些特效）
clearTimeout(定時(shí)器名稱); 停止定時(shí)器
一個(gè)彈出窗口方法 open 方法
open( "新窗口url","_blank","外觀" ) 這個(gè)方法返回的是 彈出的窗口對象
外觀參數(shù)：
width height left top 這四個(gè)參數(shù)一般瀏覽器使用時(shí)沒有區(qū)別
location地址欄 toolbar工具欄 scrollbars滾動(dòng)條 resizable調(diào)整大小 .... 這些參數(shù)不同的瀏覽器可能會(huì)有不同的顯示效果
window.onload / window.onscroll
window.onscroll 滾動(dòng)條事件：拖拽滾動(dòng)條 就會(huì)觸發(fā)該事件
用法：
onscroll = function(){
}
scroll家族
scrollTop 觸發(fā)垂直滾動(dòng)條時(shí) 獲取頁面向上滾走的距離
scrollLeft 觸發(fā)水平滾動(dòng)條時(shí) 獲取頁面向左滾走的距離
設(shè)置頁面向上或向左滾走的距離：
頁面對象.scrollTop = 值
頁面對象.scrollLeft = 值
獲取頁面滾走的距離方法（兼容寫法）
document.body.scrollTop || document.documentElement.scrollTop ;
設(shè)置頁面滾走距離
document.body.scrollTop = document.documentElement.scrollTop = 值
window對象的內(nèi)置對象
location對象
頁面跳轉(zhuǎn)：
location = "url"
location.href = "url" （location.href 獲取地址欄信息）
location.assign("url")
location.replace("url") 頁面跳轉(zhuǎn) 實(shí)際上是將原頁面的內(nèi)容替換掉 沒有后退功能
(擴(kuò)展) 3秒鐘后頁面跳轉(zhuǎn)
頁面刷新:
location.reload()
history.go(0)
(擴(kuò)展) 3秒鐘后頁面自動(dòng)刷新
history 歷史記錄對象
history.go(1) 等價(jià) history.forward() 表示前進(jìn)
history.go(-1) 等價(jià) history.back() 表示后退
document對象
用來操作頁面的元素
js特效核心：要做事 先找人
document對象就是用來查找頁面中的某個(gè)元素
document.getElementById() 通過給定的id查找頁面元素 得到一個(gè)唯一值
document.getElementsByTagName() 根據(jù)給定的元素名稱找對象 得到的是一個(gè)集合HTMLCollection ，使用時(shí) 必須加 下標(biāo) ，即使找到一個(gè)元素，也要加下標(biāo) [0]
document.getElementsByClassName() 根據(jù)給定的類名找對象 得到結(jié)果為一個(gè)集合 （有兼容 ie不能用）
document.getElementsByName() 一般用于表單 根據(jù)給定的name屬性值找對象 得到結(jié)果為一個(gè)集合
document.querySelector(選擇器) 根據(jù)css選擇器找對象 結(jié)果唯一
document.querySelectorAll(選擇器) 根據(jù)css選擇器找對象 結(jié)果是一個(gè)集合
document.body 找body元素
document.title 找title元素
document.head 找head元素
document.documentElement 找html元素
操作頁面元素
操作屬性（標(biāo)簽屬性）：
獲取屬性值： 對象.屬性名稱
設(shè)置屬性值： 對象.屬性名稱 = 值
操作樣式（css樣式）：
獲取樣式值：
對象.style.樣式名稱
設(shè)置樣式值：
設(shè)置單個(gè)樣式： 對象.style.樣式名稱 = 值
設(shè)置多個(gè)樣式： 對象.style.cssText = "樣式名稱:值; 樣式名稱:值; ... "
設(shè)置多個(gè)樣式： 對象.className = "類名" （必須先有一個(gè)類）
操作內(nèi)容
獲取內(nèi)容：
普通標(biāo)簽： 對象．innerHTML / 對象.innerText （火狐不支持： 對象.textContent）
表單標(biāo)簽： 對象.value
設(shè)置內(nèi)容：
普通標(biāo)簽：
對象.innerHTML = "值"
對象.innerText = "值" 火狐-- 對象.textContent = 值
表單標(biāo)簽：
對象.value = "值"
好了今天就更新到這里了，周末結(jié)束了，明天好好上班吧。 哈哈
接下來是老規(guī)矩
歡迎大家持續(xù)關(guān)注。號(hào)內(nèi)有多個(gè)專題，小程序（持續(xù)更新中）,Javascript（持續(xù)更新）,Vue等學(xué)習(xí)筆記。覺得有收獲的可以收藏關(guān)注，歡迎騷擾，一起學(xué)習(xí)，共同進(jìn)步
最后推廣一下自己的小程序，如果你也喜歡鍛煉的話在這里尋找你的小伙伴吧。
自律更自由，一只喜歡鍛煉的程序猿，嘿嘿。
你都看到這了，不點(diǎn)個(gè)關(guān)注就過分了哈～
