js页面跳转的几种方式？

71 阅读 0 评论 47 点赞

我是靠谱客的博主从容高山，最近开发中收集的这篇文章主要介绍js页面跳转的几种方式？，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
　　window.location.href="你所要跳转的页面";
　　</script>
2、在新窗体中打开页面用：
<script type="text/javascript">
　　window.open('你所要跳转的页面');
　　</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
　　<!--
　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
　　//写成一行
　　-->
　　</SCRIPT>
参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空'代替；
　　height=100 窗口高度；
　　width=500 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值。

二、
第一种：(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
第二种：（返回上一页面）
<script language="javascript">
window.history.back(-1);
</script>
第三种：
<script language="javascript">
window.navigate("b.html");
</script>
第四种：
<script language="JavaScript">
self.location=’b.html’;
</script>
第五种：
<script language="javascript">
top.location=’b.html’;
</script>

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=https://www.toom.cn">
其中20指隔20秒后跳转到https://www.toom.cn页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a>
)
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
如果想在刷新时不弹出提示可以用：
window.location.href=window.location.href ;
window.location.reload;
但是window.location.href="要刷新的页面"，在ie7中没有问题，在ie6和遨游中就不行，而window.location.reload()就可以，要多注意啦
<js基础>--javascript刷新页面
1.Response.Write("<script
language=javascript>parent.left.document.location.reload();</script>");
2.Response.Write("<script>window.top.location='login.aspx';window.close</script>");
3.this.RegisterStartupScript("reload","<script>window.parent.frames('left').location.reload(true);</script>");
或
this.RegisterStartupScript("reload","<script>window.parent.frames('left').location.href=window.parent.frames('left').location.href;</script>");