常用js页面跳转和页面刷新的代码大全

 jQuery/js   高蒙   阅读(1828)   评论(0)   2016-01-15 17:29:27    js页面刷新 js页面跳转 


平时工作中经常用到js跳转页面,之前也没怎么收集记录。今天刚才把之前的和在网络上收集的都一起的总结一下,方便以后查询。

js方式的页面跳转

1.window.location.href方式跳转

<script language="javascript" type="text/javascript">
   window.location.href="target.aspx"; 
</script>

2.window.open在另外新建窗口中打开窗口

window.open("http://www.shuchengxian.com");

3.window.navigate方式跳转 

<script language="javascript">
    window.navigate("target.aspx");
</script>

上下页跳转

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 
2. history.back(). 
3. window.history.forward()返回下一页 
4. window.history.go(返回第几页,也可以使用访问过的URL)

Javascript刷新页面的几种方法: 

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

自动刷新页面的方法: 

1.页面自动刷新:把如下代码加入<head>区域中 

<meta http-equiv="refresh" content="20"> 

其中20指每隔20秒刷新一次页面. 

2.页面自动跳转:把如下代码加入<head>区域中 

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

其中20指隔20秒后跳转到指定的页面 




相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客