javascript---location对象、navigator对象、screen对象以及他们的属性;

javascript location 对象属性:

location对象属性

location.href -- 返回或设置当前文档的URL,href是location最重要的属性,用于获取当前文档的URL或设置URL。如果设置URL,将导航到新的页面。

语法:location.href="http://www.dreamdu.com/";
将导航到梦之都首页.

函数说明:使用这种方式导航,新页面的地址将被加入history的地址列表中,因此可以使用back或go函数导航。
     assign函数在设置URL时与location.href具有完全相同的功能。
     可以使用replace函数,它将新页面的地址在history的地址列表中删除,因此使用back或go函数无法导航。

示例

<!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/';" />

</body>
</html>

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 实例演示

j
avascript的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 属性 -- 窗口可以使用的屏幕高度,单位像素
  • JavaScript availWidth 属性 -- 窗口可以使用的屏幕宽度,单位像素JavaScript colorDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
  • 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>


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



原文地址:https://www.cnblogs.com/IanI/p/3934511.html