javascript 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 属性 -- 窗口可以使用的屏幕高度,单位像素
- 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>
更多javascript资料:http://www.dreamdu.com/javascript/exe_all/