js页面跳转的几种方式？

最新推荐文章于 2024-04-16 12:15:20 发布

无忧城435

最新推荐文章于 2024-04-16 12:15:20 发布

阅读量1.6k

点赞数 1

分类专栏：内容分享文章标签： js

本文链接：https://blog.csdn.net/zhongmaizhouxi/article/details/107257589

版权

内容分享专栏收录该内容

25 篇文章 1 订阅

订阅专栏

一、常规的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>");

无忧城435

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js页面跳转的几种方式？

一、常规的JS页面跳转代码1、在原来的窗体中直接跳转用<script type="text/javascript">　　window.location.href="你所要跳转的页面";　　</script>2、在新窗体中打开页面用：<script type="text/javascript">　　window.open('你所要跳转的页面');　　</script>3、JS页面跳转参数的注解<SCRIPT LANGUAGE="java
复制链接

扫一扫