原生JS-10

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,807評論 0 8
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,331評論 1 41
  • 變量命名、聲明、賦值 1.必須以字母、下劃線或美元符號開頭,后面可以跟字母、下劃線、美元符號和數字。2.變量名區分...
    wq04200閱讀 647評論 0 1
  • 《正念的奇跡》這本書中讓我印象比較深刻的是兩個詞組:“庸人自擾之”和“專一”。該書算是一本佛學書籍,書中提到...
    Sim2閱讀 449評論 0 1
  • 股價終將回歸基本面 許多投資人會將“基本面”和“合理股價”畫上等號,并認為與股市長期來說,應該會有一個合理價位,或...
    胖山楂球閱讀 462評論 0 0