javascript---location對象、navigator對象、screen對象以及他們的屬性；

時間 2019-12-20

標籤 javascript location 對象 navigator screen 以及他們屬性欄目 JavaScript 简体版

原文原文鏈接

javascript location 對象屬性：javascript

location.href -- 返回或設置當前文檔的URL，href是location最重要的屬性，用於獲取當前文檔的URL或設置URL。若是設置URL，將導航到新的頁面。php


將導航到夢之都首頁.

函數說明：使用這種方式導航，新頁面的地址將被加入history的地址列表中，所以能夠使用back或go函數導航。
　　　　　assign函數在設置URL時與location.href具備徹底相同的功能。
　　　　　能夠使用replace函數，它將新頁面的地址在history的地址列表中刪除，所以使用back或go函數沒法導航。語法：location.href="http://www.dreamdu.com/";

示例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript href DEMO</title>
</head>
<body>
<script type="text/javascript">
document.writeln(location.href);
</script>
<input type="button" value="click here,you will navigate to the page http://www.dreamdu.com/" onclick="location.href='http://www.dreamdu.com/';" />html

</body>
</html>java

location.href 實例演示

location.pathname -- 返回URL的域名後的部分。例如 http://www.dreamdu.com/xhtml/ 返回/xhtml/

location.port -- 返回URL中的端口部分。例如 http://www.dreamdu.com:8080/xhtml/ 返回8080

location.protocol -- 返回URL中的協議部分。例如 http://www.dreamdu.com:8080/xhtml/ 返回(//)前面的內容http:

location.search -- 返回URL中的查詢字符串部分。例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)後面的內容?id=5&name=dreamdu

location.assign -- 設置當前文檔的URL
　　語法：location.assign(url);
　　location.assign 實例演示

location.replace -- 設置當前文檔的URL，而且在history對象的地址列表中移除這個URL
　　語法：location.replace(url);

　　replace函數說明:replace函數在設置URL方面與location的href屬性或assign函數徹底同樣，可是它會刪除history對象的地址列表中的URL，從而使go或back等函數沒法導航。

location.reload -- 重載當前頁面

　　語法：location.reload(isServer);

　　參數含義：

isServer -- true時從服務器端從新下載頁面，不然只從本地瀏覽器緩存中重載
不使用參數時，默認爲false，從本地瀏覽器緩存中重載

　　location.reload 實例演示

javascript的navigator 對象

　navigator -- navigator對象一般用於檢測瀏覽器與操做系統的版本

navigator對象是window對象的屬性
因爲navigator沒有統一的標準，所以各個瀏覽器都有本身不一樣的navigator版本，這裏只介紹最廣泛支持且最經常使用的

javascript navigator 對象屬性：數組

appCodeName -- 瀏覽器代碼名的字符串表示
appName -- 官方瀏覽器名的字符串表示
appVersion -- 瀏覽器版本信息的字符串表示
cookieEnabled -- 若是啓用cookie返回true，不然返回falsejavaEnabled -- 若是啓用java返回true，不然返回false
- 　　navigator.cookieEnabled -- 返回瀏覽器是否支持(啓用)cookie
- 語法： navigator.cookieEnabled;
- 一般能夠在瀏覽器的臨時文件夾中保存一個文件，此文件能夠包含用戶信息(好比瀏覽過什麼頁面，是否選擇了自動登陸)等，這個文件被稱做cookie，經過cookieEnabled屬性能夠判斷瀏覽器是否啓用了此功能
platform -- 瀏覽器所在計算機平臺的字符串表示
plugins -- 安裝在瀏覽器中的插件數組
taintEnabled -- 若是啓用了數據污點返回true，不然返回false
userAgent -- 用戶代理頭的字符串表示
- 　　navigator.userAgent -- 返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符串)
- 語法： navigator.userAgent;

navigator中最重要的是userAgent屬性，返回包含瀏覽器版本等信息的字符串，其次cookieEnabled也很重要，使用它能夠判斷用戶瀏覽器是否開啓cookie。瀏覽器

javascript的screen 對象

screen -- screen對象用於獲取用戶的屏幕信息

screen對象是window對象的屬性

JavaScript availHeight 屬性 -- 窗口能夠使用的屏幕高度，單位像素
- 　　screen.availHeight -- 返回窗口能夠使用的屏幕高度，單位像素
- 實例演示,使窗體爲最大高度
JavaScript availWidth 屬性 -- 窗口能夠使用的屏幕寬度，單位像素JavaScript colorDepth 屬性 -- 用戶瀏覽器表示的顏色位數，一般爲32位(每像素的位數)
- 　　screen.availWidth -- 返回窗口能夠使用的屏幕寬度，單位像素
- 實例演示,使窗體爲最大寬度
JavaScript pixelDepth 屬性 -- 用戶瀏覽器表示的顏色位數，一般爲32位(每像素的位數)（IE不支持此屬性）
JavaScript height 屬性 -- 屏幕的高度，單位像素
JavaScript width 屬性 -- 屏幕的寬度，單位像素

availWidth與availHeight屬性很是有用，例如：能夠使用下面的代碼填充用戶的屏幕：緩存

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript screen 對象窗口最大化示例 </title>
</head>
<body>
<script type="text/javascript">
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
</script>服務器

</body>
</html>cookie


更多javascript資料：http://www.dreamdu.com/javascript/exe_all/

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。