window對象的事件
1.onload:頁面加載事件
2.onunload:頁面卸載事件
3.onscroll: 滾動事件
4.onresize:窗口改變時觸發的事件
window對象的屬性
location
href
reload()
replace()
history
back()
farword()
go()
Navigator
appName
appCodeName
appVersion
screen
height
width
日期與時間對象,常用方法
getFullYear();
getMonth();
getDate();
getDay();
getHours();
getMinutes();
getSeconds();
setFullYear();
setMonth();
setDate();
setHours();
setMinutes();
setSeconds();
toLocaleString();
toLocaleDateString()
toLocaleTimeString()
? 如何獲取頁面的寬度
? document.body.clientWidth
? document.documentElement.clientWidth
? 兼容寫法:
var wid = document.body.clientWidth || document.documentElement.clientWidth;
? 注意:獲取到的clientWidth是一個數值類型的數據
? 如何獲取頁面的高度
? document.body.clientHeight
? document.documentElement. clientHeight
? 兼容寫法:
var wid = document.body. clientHeight || document.documentElement. clientHeight;
? 注意:獲取到的clientHeight是一個數值類型的數據
? onmouseover:鼠標移動某元素上時觸發事件
? onmouseout:鼠標從某元素上移走時觸發事件
? 獲取元素的滾動條向下移動的距離,可以使用如下格式:元素.scrollTop
? window對象的事件
? onload:頁面加載完成后執行某些操作(先加載HTML標簽,然后執行js代碼)
? onunload:頁面卸載時要執行的操作,也就是指關閉頁面時的操作
? onscroll:頁面被滾動時執行的操作,即在拖動滾動條時執行的操作
? onresize:頁面尺寸被更改時執行的操作,也就是頁面的放大或縮小
? window對象的屬性
? status:控制瀏覽器的狀態欄
? location:注意location是window對象的一個屬性,另外它本身也是一個對象,自己也具有方法和屬性,location對象的屬性和方法有
? href屬性:控制地址里面的地址信息
? reload()方法:重新加載頁面
? replace()方法:替換當前頁面,格式replace(“新的地址”);
? history屬性:注意history本身也是一個對象,它可以控制頁面的瀏覽記錄,常用方法有
? back():后退到當前頁的上一個瀏覽記錄
? forward():前進到當前頁的下一個瀏覽記錄
? go():跳轉到瀏覽記錄中的任意一個頁面,格式go(數值),數值可以是正數、也可以是負數,如1,表示下一個瀏覽記錄,如-1,表示上一個瀏覽記錄
? navigator屬性:作用是用來控制瀏覽器的相關信息,如瀏覽器名稱、瀏覽器版本號,注意它也是對象
? appName瀏覽器名稱,谷歌、火狐瀏覽器的名稱都為Netscape
? appCodeName:瀏覽器代碼名稱,,谷歌、火狐瀏覽器的名稱都為Netscape
? appVersion:獲取瀏覽器的版本
? screen屬性:獲取窗口的相關信息,即獲取電腦的分辨率,本身也是對象
? width
? height
? 日期和時間對象
? 如何創建日期和時間對象
? var 變量名 = new Date();返回值為系統當前日期和時間
? var 變量名 = new Date(“年-月-日 時:分:秒”);
? var 變量名 = new Date(“年/月/日 時:分:秒”);
? var 變量名 = new Date(“年 月 日 時:分:秒”);
? var 變量名 = Date();返回系統當前日期和時間
? 日期和時間對象所具有的方法
? getFullYear():獲取年份,格式日期:對象.getFullYear();
? getMonth():獲取月份,格式:對象.getMonth();返回值為0-11,0表示1月份11表示12月份
? getDate():獲取日,格式:對象.getDate();
? getDay():獲取星期,格式:對象.getDay();返回值為0-6,0表示星期日
? getHours():獲取小時,格式:對象.getHours();
? getMinutes():獲取分鐘,格式:對象.getMinutes();
? getSeconds():獲取秒,格式:對象.getSeconds();
? setFullYear():對年進行賦值,格式:對象.setFullYear(新的年份);
? setMonth():對月份進行賦值,格式:對象.setMonth(新的月份);如月份超過12,那么年會加1
? setDate():設置日,格式:對象.setDate();超過31進位一天
? setHours():設置小時,格式:對象.setHours(),超過24進位
? setMinuts():設置分鐘,格式:對象.setMinutes(),超過60進位
? setSeconds():設置秒,格式:對象.setSeconds(),超過60進位
? 在頁面中輸出 2017年5月19日 星期日 12:03:04