Location對(duì)象
location用于獲取或設(shè)置窗體的URL，并且可以用于解析URL。
語(yǔ)法:
location.[屬性|方法]
location對(duì)象屬性圖示:
location 對(duì)象屬性：
location 對(duì)象方法:
Navigator對(duì)象
Navigator 對(duì)象包含有關(guān)瀏覽器的信息，通常用于檢測(cè)瀏覽器與操作系統(tǒng)的版本。
對(duì)象屬性:
查看瀏覽器的名稱和版本，代碼如下:
<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
document.write("Browser name"+browser);
document.write("<br>");
document.write("Browser version"+b_version);
</script>
userAgent
返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符串)
語(yǔ)法
navigator.userAgent
幾種瀏覽的user_agent.，像360的兼容模式用的是IE、極速模式用的是chrom的內(nèi)核。
使用userAgent判斷使用的是什么瀏覽器(假設(shè)使用的是IE8瀏覽器),代碼如下:
function validB(){
var u_agent = navigator.userAgent;
var B_name="Failed to identify the browser";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("B_name:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
screen對(duì)象
screen對(duì)象用于獲取用戶的屏幕信息。
語(yǔ)法：
window.screen.屬性
對(duì)象屬性:
屏幕分辨率的高和寬
window.screen 對(duì)象包含有關(guān)用戶屏幕的信息。
- screen.height 返回屏幕分辨率的高
- screen.width 返回屏幕分辨率的寬
注意:
1.單位以像素計(jì)。 - window.screen 對(duì)象在編寫時(shí)可以不使用 window 這個(gè)前綴。
我們來獲取屏幕的高和寬，代碼如下:
<script type="text/javascript">
document.write( "屏幕寬度："+screen.width+"px<br />" );
document.write( "屏幕高度："+screen.height+"px<br />" );
</script>
屏幕可用高和寬度
screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計(jì)，減去界面特性，比如任務(wù)欄。
screen.availHeight 屬性返回訪問者屏幕的高度，以像素計(jì)，減去界面特性，比如任務(wù)欄。
注意:
不同系統(tǒng)的任務(wù)欄默認(rèn)高度不一樣，及任務(wù)欄的位置可在屏幕上下左右任何位置，所以有可能可用寬度和高度不一樣。
我們來獲取屏幕的可用高和寬度，代碼如下：
<script type="text/javascript">
document.write("可用寬度：" + screen.availWidth);
document.write("可用高度：" + screen.availHeight);
</script>
注意:根據(jù)屏幕的不同顯示值不同。
編程練習(xí)
制作一個(gè)跳轉(zhuǎn)提示頁(yè)面：
要求：
如果打開該頁(yè)面后，如果不做任何操作則5秒后自動(dòng)跳轉(zhuǎn)到一個(gè)新的地址，如慕課網(wǎng)主頁(yè)。
如果點(diǎn)擊“返回”按鈕則返回前一個(gè)頁(yè)面。
效果:(動(dòng)圖)
注意: 在窗口中運(yùn)行該程序時(shí)，該窗口一定要有歷史瀏覽記錄，否則"返回"無效果。
任務(wù)
第一步： 先編寫好網(wǎng)頁(yè)布局，如下:
第二步： 獲取顯示秒數(shù)的元素，通過定時(shí)器來更改秒數(shù)。
第三步： 通過window的location和history對(duì)象來控制網(wǎng)頁(yè)的跳轉(zhuǎn)。
<!DOCTYPE html>
<html>
<head>
<title>瀏覽器對(duì)象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
</head>
<body>
<H4>操作成功</H4>
<p>
<b id="second">5</b>秒后回到主頁(yè) <a href="javascript:goBack();">返回</a>
</p>
<script type="text/javascript">
var sec = document.getElementById("second");
var i = 5;
var timer = setInterval(function(){
i--;
sec.innerHTML = i;
if(i==1){
window.location.;
}
},1000);
function goBack(){
window.history.go(-1);
}
</script>
</body>
</html>
