BOM的作用是將相關的元素組織包裝起來，提供給程式設計人員使用，從而降低開發人員的勞動量，提高設計Web頁面的能力。 整個window對象是整個BOM的核心。 通過BOM可實現的功能： 彈出新的瀏覽器視窗 移動、關閉瀏覽器及調整視窗大小 在瀏覽器視窗中實現頁面的前進、後退 window對象常用屬性 ...
BOM的作用是將相關的元素組織包裝起來，提供給程式設計人員使用，從而降低開發人員的勞動量，提高設計Web頁面的能力。
整個window對象是整個BOM的核心。
通過BOM可實現的功能：
彈出新的瀏覽器視窗
移動、關閉瀏覽器及調整視窗大小
在瀏覽器視窗中實現頁面的前進、後退
window對象常用屬性
|
名稱 |
說明 |
|
history |
有個客戶訪問過的URL的信息 |
|
location |
有關當前URL的信息 |
|
screen |
只讀屬性，包含有關客戶端顯示屏幕的信息 |
|
document |
文檔 |
window.屬性名=”屬性值”;
window常用方法
|
名稱 |
說明 |
|
prompt() |
顯示可提示用戶輸入的對話框 |
|
alert() |
顯示一個帶有提示信息和一個”確定”按鈕的警示對話框 |
|
confirm() |
顯示一個帶有信息、”確認”、”取消”按鈕的對話框 |
|
close() |
關閉瀏覽器 |
|
open() |
打開一個新的瀏覽器視窗，載入給定URL所指定的文檔 |
|
setTimeout() |
在指定的毫秒數後調用函數或計算表達式 |
|
setInterval() |
按照指定的周期(以毫秒計)來調整函數表達式 |
window.方法名();
window對象是全局對象，所有可以省略window,直接寫方法名:如alert();
alert()只是一個參數，用來提示
prompt()用來提示用戶輸入信息，單擊取消，返回null,單擊確定返回用戶輸入的值
confirm()確定返回true,取消返回flase
close()：window.close();
open()：window.open(“彈出視窗的url”,”視窗名稱”,”視窗特征”);
視窗特征屬性
|
名稱 |
說明 |
|
height、width |
視窗文檔顯示區的高寬，以像素計 |
|
left、top |
視窗的x、y坐標，以像素計 |
|
toolbar=yes|no|1|0 |
是否顯示瀏覽器的工具欄，預設yes |
|
scrollbars=yes|no|1|0 |
是否顯示滾動條，預設Yes |
|
location=yes|no|1|0 |
是否顯示地址欄，預設yes |
|
status=yes|no|1|0 |
是否添加狀態欄，預設yes |
|
menubar=yes|no|1|0 |
是否顯示菜單欄，預設yes |
|
resizable=yes|no|1|0 |
視窗尺寸可調節，預設yes |
|
titlebar=yes|no|1|0 |
是否顯示標題欄，預設yes |
|
fullscreen=yes|no|1|0 |
是否使用全屏模式顯示，預設no |
history對象提供最近瀏覽過的URL表。
|
名稱 |
描述 |
|
back() |
載入history對象列表中的前一個URL |
|
forward() |
載入history對象列表中的後一個URL |
|
go() |
載入histroy對象列表中的某個具體URL,(1)前進，(-1)後退，(0)刷新 |
location對象提供當前頁面URL信息，並且可以重新裝載當前頁面或裝入新頁面
屬性
|
名稱 |
描述 |
|
host |
設置或返回主機名和當前URL的埠號 |
|
hostname |
設置或返回當前URL的主機名 |
|
href |
設置或返回完整的URL,通過對屬性設置不同網站，從而達到跳轉功能 |
方法
|
名稱 |
描述 |
|
reload() |
重新載入當前文檔 |
|
replace() |
用新的文檔替換當前文檔 |
document對象即是window對象的一部分，又代表了整個HTML文檔，可用來訪問頁面中所有元素。
常用屬性
|
屬性 |
描述 |
|
referrer |
返回載入當前文檔的URL |
|
URL |
返回當前文檔的URL |
document.referrer;如果不是通過超鏈接訪問的，則返回null
document.URL;
常用方法
|
方法 |
描述 |
|
getElementById() |
返回對用有指定id的第一個對象的引用 |
|
getElementsByName() |
返回帶有指定名稱的對象的集合 |
|
getElementsByTagName() |
返回帶有指定標簽名的對象的集合 |
|
write() |
向文檔寫文本、HTML表達式或JavaScript代碼 |
JS內置對象：
Data：用於操作日期和時間
Array：單獨的變數名中存儲一系列的值
String：支持對字元串的處理
Math：使我們有能力執行常用數字任務，包含若幹個數字常量和函數
創建實例：var 日期實例 = new Date(參數);
可以省略參數，如果沒有參數，則表示當前時間和日期
日期格式(月 日,年,小時:分鐘:秒)
常用方法
|
方法 |
說明 |
|
getDate() |
返回Date對象的一個月中的每一天，值為1~31 |
|
getDay() |
返回Date對象的星期中的每一天，值0~6，0為周日 |
|
getHours() |
返回Date對象的小時數，值為0~23 |
|
getMinutes() |
返回Date對象的分鐘數，值為0~59 |
|
getSeconds() |
返回Date對象的秒數，值為0~59 |
|
getMonth() |
返回Date對象的月份，值為0~11 |
|
getFullYear |
返回Date對象的年份，值為四位數 |
|
getTime() |
返回自某一刻以來的毫秒數 |
innerHtml在JS是雙向功能：獲取對象的內容 或 向對象插入內容；
如：<div
id="aa">這是內容</div> ，我們可以通過 document.getElementById('aa'). innerHtml 來獲取id為aa的對象的內嵌內容；
也可以對某對象插入內容，如
document.getElementById('abc'). innerHtml='這是被插入的內容'; 這樣就能向id為abc的對象插入內容。
math是一個全局對象，不需要創建，直接作為對象使用就可以調用其屬性和方法
常用方法
|
方法 |
說明 |
示例 |
|
ceil() |
對數進行上舍 |
Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-25 |
|
floor() |
對數進行下舍 |
Math.floor(25.5);返回25 Math.floor(-25.5);返回-26 |
|
round() |
把數四捨五入 |
Math.floor(25.5);返回26 Math.floor(-25.5);返回-26 |
|
random() |
返回0~1中的隨機數 |
包括0不包括1 |
返回0~100，var iNum = Math.floor(Math.random()*100+1);
定時器：
setTimeout(“調用的函數名稱”,等待的毫秒數)；
用於在指定的毫秒數後調用函數或計算表達式
setInterval(“調用的函數名稱”,周期性調用函數之間間隔的毫秒數)
可按照指定的周期(以毫秒計)來調用函數或計算表達式，會不停調用函數，直到視窗被關閉或其它地方強制停止。
clearTimeout()函數用來清除setTimeout()函數設置的定時器
clearTimeout (setTimeout()返回的ID值);
clearInterval函數用來清除由SetInterval()函數設置的定時器
clearInterval (setInterval()返回的ID值);
關閉定時器
clearTimeout(定時器名);
使用外部樣式
onload = function(){
dom.className="類樣式名稱,類樣式名稱";
}
input打頭的都是表單元素，必須有name屬性，就可以提交到伺服器
window.onload會等待代碼完全執行完畢後執行
