正文

js实现页面跳转的几种方法(代码片段)

zcyou  zcyou  2022-12-13  396

关键词：

要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式：

第一种：(跳转到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>


页面传值：
第一个也页面

 1 <head>
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 3 <title>无标题文档</title>
 4 </head>
 5 <SCRIPT LANGUAGE="JavaScript">
 6     function test()
 7         var s = document.getElementById("txt");
 8         location.href="test2.html?"+"txt="+encodeURI(s.value);
 9     
10 </SCRIPT>
11 <body>
12 
13 <input type="text" id="txt">
14 </br>
15 <input type="button" value="TEST" onclick="test()"/>
16 
17 </body>
18 </html>

页面传值：

第二个页面

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
  <script language="javascript" type="text/javascript">
  var loc = location.href;
  var n1 = loc.length;//地址的总长度
  var n2 = loc.indexOf("=");//取得=号的位置
  var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
  alert(id);
  //document.write(id)
  </script>
</body>
</html>

----------------------------------------转自https://www.cnblogs.com/lyggqm/p/5688028.html

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

第一种：<scriptlanguage="javascript" type="text/javascript">　　window.location.href="login.php?backurl="+window.location.href;</script> 第二种：<scriptlanguage="javascript">　　alert( 查看详情

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

第一种： <scriptlanguage="javascript"type="text/javascript"> window.location.href="xx. 查看详情

uniapp页面跳转的几种方法和区别(代码片段)

在讲它们的差异之前，我们先引入一个概念：页面栈1.栈是一种连续储存的数据结构，具有先进后出的性质。2.页面栈就是用来储存页面的栈，也有栈的特性。uniapp是通过页面栈来管理所有的页面，我们可以将... 查看详情

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

Javascript实现页面跳转的几种方式概述相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式，拿... 查看详情

html+jsvue页面跳转的几种方式总结(代码片段)

一、HTML+JS实现跳转:特别提醒：有些跳转方式是只能跳转一级页面，有些可以跳转多级页面，在使用时要注意选择跳转方式！1、javascript中实现跳转：//直接跳转window.location.href='index.html';//定时跳转s... 查看详情

实现前端页面跳转的几种方式

实现前端页面跳转的几种方式推荐使用<scriptlanguage=‘javascript‘>document.location=‘http://mail.qq.com/domain/longtimenosee.cc‘</script>相关阅读http://www.jb51.net/article/25403.htmhttp://my.oschina.net/ososchi 查看详情

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

概述相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式，拿出和大家共享一下。第一种... 查看详情

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

页面跳转的几种方法

PHP <?php//302重定向$url="http://www.cnblogs.com/mengor";header("Location:$url");//301重定向$url="http://www.cnblogs.com/mengor";header("HTTP/1.1301MovedPermanently");header("Location:$url"); m 查看详情

实现跳转的几种法式

...每一种都有它存在的意义。跳转就是当我们点击按钮或者实现某个活动从一个页面到另一个页面，那么我就来介绍几种跳转的法式。第一种跳转方式-----Storyboard中segues（拉线）： ... 查看详情

js页面跳转常用的几种方式（转）

...转载 2010-11-25 作者：我要评论js实现页面跳转的几种方式，需要的朋友可以参考下。第一种：复制代码代码如下:<scriptlanguage="javascript"type="text/javascript"> window.location.href="jb5 查看详情

uniapp页面跳转的几种方法和区别(代码片段)

uniapp页面跳转的几种方式(代码片段)

uniapp页面跳转的几种方式一、uni.navigateTo定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。使用：//1.不传参uni.navigateTo(url:'./home/index');//2.传参字符串uni.navigateTo(url:`./ho... 查看详情

设置域名跳转的几种方式(代码片段)

背景：本文以ubuntu服务器为例来说明几种设置域名跳转的情况设置域名301跳转的几种途径：1、域名解析处设置显性URL比如解析处可设置a.com显性解析到b.com 2、nginx配置文件处跳转。a、proxy跳转/etc/nginx/conf.d下面设置跳转serverli... 查看详情

string与inputstream互转的几种方法(代码片段)

/***利用BufferedReader实现Inputstream转换成String<功能详细描述>**@paramin*@returnString*/publicstaticStringInputstr2Str_Reader(InputStreamin,Stringencode)Stringstr="";tryif(encode= 查看详情

页面跳转的几种方式

第一种： <scriptlanguage="javascript"> window.location.href="index.php"; &n 查看详情

html页面实现自动刷新的几种方法

...面需要定时刷新，实时加载数据（H5中的WebSocket和SSE可以实现局部刷新）2.一定时间之后跳转到指定页面（登录注册之类）3.前端开发使用伪数据调试html页面（修改一些js的变量值，可以自动刷新效果)示例代码：1.页面自动刷新注... 查看详情

js跳转页面的几种方法

JS的几种跳转方式：1.window.open(”url“)2.用自定义函数<script>functionopenWin(tag,obj){obj.target="_blank";obj.href="Web/Substation/Substation.aspx?stationno="+tag;obj.click();}</script><ahref="javascr 查看详情