首页 > 其他 > 详细

实现本页面跳转的几种方式

时间:2014-03-01 02:13:39      阅读:453      评论:0      收藏:0      [点我收藏+]

html头添加代码

<meta http-equiv="refresh" content="3; url=http://www.baidu.com/" />

js实现

一、最外层top跳转页面,适合用于iframe框架集

top.window.location.href("http://www.baidu.com");

============================================================================================

二、window.location.href和window.location.replace的区别

  1.window.location.href=“url”:改变url地址;

  2.window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,
  因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

三、强制页面刷新

  1.window.location.reload():强制刷新页面,从服务器重新请求!

============================================================================================

四、window.location.reload();

页面实现跳转和刷新:

  1 history.go(0)
  2 location.reload()
  3 location=location
  4 location.assign(location)
  5 document.execCommand(‘Refresh‘)
  6 window.navigate(location)
  7 location.replace(location)
  8 document.URL=location.href


这几个都可以刷新:

  window.location.reload();刷新
  window.location.href=window.location.href;刷新
  window.close();关闭窗口,不弹出系统提示,直接关闭 
  window.close()相当于self属性是当前窗口
  window.parent.close()是parent属性是当前窗口或框架的框架组


页面实现跳转的九种方法实例:

bubuko.com,布布扣
1 setTimeout(‘window.navigate("top.html");‘,2000);
2 setTimeout(‘window.document.location.href="top.html";‘,2000);
3 setTimeout(‘window.document.location="top.html";‘,2000);
4 setTimeout(‘window.location.href="top.html";‘,2000);
5 setTimeout(‘window.location="top.html";‘,2000);
6 setTimeout(‘document.location.href="top.html";‘,2000); 
7 setTimeout(‘document.location="top.html";‘,2000);
8 setTimeout(‘location.href="top.html";‘,2000);
9 setTimeout(‘location.replace("top.html")‘,2000);
bubuko.com,布布扣

  //window对象

  //document对象
  //location对象
  //href属性


  //1.window.document.location.href
  //2.window.document.location
  //3.window.location.href
  //4.window.location

  //5.document.location.href
  //6.document.location
  //7.location.href
  //8.window.navigate
  //9.location.replace

只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转

解释:
  location是个对象,比如本页的document.location和window.location的属性有
  location.hostname = community.csdn.net
  location.href = http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
  location.host = community.csdn.net
  location.hash =
  location.port =
  location.pathname = /Expert/topic/4033/4033372.xml
  location.search = ?temp=2.695864E-02
  location.protocol = http:
可见href是location的属性,类别是string。

实现本页面跳转的几种方式,布布扣,bubuko.com

实现本页面跳转的几种方式

原文:http://www.cnblogs.com/mrxia/p/3573615.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!