js location对象相关命令

Location.href 返回整个当前url,若对其赋值:
location.href="
http://www.sina.com.cn"则跳转其url
location.host 返回域名和端口号,如:
www.sina.com.cn:80
lcation.hostname 返回域名
location.port 返回端口
location.pathname 返回域名后第一个斜框后的字符串
location.hash 跳到本页的某个锚
location.search 取url?后的部分

javascript 的history对象
history.back() 等同于按浏览器的后退按钮
history.forward() 等同于按浏览器的前进按钮
history.current 指当前的url(等同于location.href),
在历史中的索引位置总为 0
history.go(-2)或 history.go("任意.html") 向前或向后移动,
或查找字符串标明的最新url
 
用javascript location.reload() 刷新页面

〖刷新〗命令的实现

  [格式]:location.reload() 或 history.go(0)
  [说明]浏览器重新打开本页。
  [举例]在<body></body>之间加入:
  <a href="#" onclick=location.reload()>刷新</a>
  或加入:<a href="#" onclick=history.go(0)>刷新</a>
 

页面跳转方法

 共有以下几种:
1 在<head>和</head>中间插入
<META HTTP-EQUIV="refresh" content="1;URL=http://www.google.com/">
其中content中的第一个参数为定时n(秒),第二个参数为n秒后自动跳转到的URL

2 用javascript
window.location.href=http://www.google.com;或者
window.location=http://www.google.com;或者
window.location.assign("http://www.google.com");
这三者是等同的,第三种是标准写法,但最不常用,前两者是简便写法。第三种写法据说在IE中有跨站漏洞,

3 用javascript
location.replace(http://www.google.com)
 
这种方法的好处是:按“后退”按钮无法返回跳转前的页面

location对象的其它属性:

location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL,每个框架也有一个与之相伴的location对象。

  • hash属性:location.hash返回当前框架的URL中’#’号之后(包括’#’号)的部分,即URL的锚点

  • host属性:描述URL的主机名和端口,只有端口号是URL的一个明确部分时,值中才包括端口号。

  • hostname属性:同host属性,但不包括端口号

  • href属性:该属性提供一个指定窗口对象的整个URL的字符串。

  • pathname属性:URL的路径名部分,主机名之后的部分,不包括锚点和query(即’?’之后的部分)

  • port属性:端口号。如果URL中没有端口号则为空,如果输入URL有端口号而被服务器自动忽略(redirect到80),在Firefox中能得到80,而在IE中为空

  • protocol属性:协议名,且后面紧跟着冒号。

  • 以上方法和属性请在使用时先行测试,因为不同浏览器以及不同版本的浏览器对其解释和执行或多或少都有些出入

posted @ 2014-01-18 15:28  jshaibozhong  阅读(237)  评论(0编辑  收藏  举报