Day4-關於window物件的常用屬性補充
阿新 • • 發佈：2018-11-10
Day4-關於window物件的常用屬性補充
screen
有關客戶端的螢幕的顯示效能的資訊
width：螢幕的寬度
height：螢幕的高度
availwidth：螢幕的可用寬度
availheight：螢幕的可用高度
pixeldepth：螢幕的顏色解析度
colordepth：螢幕的色彩深度
window.onload =
alert("高度："+screen.width+"px"+"|"+
"寬度："+screen.height+"px"+"|"+
"可用高度："+screen.availwidth+"px" 
history
有關客戶訪問過的url的資訊
history.back(); //去歷史記錄的上一頁
history.go(-1); //去歷史記錄的上一頁
history.forward() ; //去歷史記錄的下一頁
history.go(1); //去歷史記錄的下一頁
history.go(2); //去歷史記錄的下2頁
<body>
<a href="javascript:history.back();">返回上一頁</a>
<a href="javascript:history.forward();">返回下一頁</a>
<a href="javascript:history.go(-1);">返回上一頁</a>
<a href="javascript:history.go(1);">返回下一頁</a>
<a href="javascript:history.go(2);">返回下兩頁</ location
有關當前URL的資訊
location.href=“url”; // 改變當前頁面的地址等價於跳轉網頁
location.reload(); // 重新整理當前網頁
JS程式碼
function rs(x){
switch(x){
case 1:
location.href = "1.html";
break;
case 2:
location.reload();
break;
}
}HTML程式碼
<a href="javascript:rs(1)">跳轉</a>
<a href="javascript:rs(2)">重新整理</a>點選跳轉，即可跳轉到1.html頁面;點選重新整理，即可重新整理此頁面