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

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 属性 -- 窗口可以使用的屏幕高度，单位像素
  • 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/



 


 












            

            
posted @ 
2014-08-25 11:05 
495157297 
阅读(409) 
评论(0) 
编辑 
收藏 
举报