分享好友 教程首页 教程搜索 频道列表

JS实现页面跳转的几种方法

2021-07-15 10:123150
+关注29
核心提示:要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码JS跳转大概有以...

要实现从一个页面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.go(-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>


页面传值:
第一个页面

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script LANGUAGE="Javascript">
    function test(){
        var s = document.getElementById("txt");
        location.href="test2.html?"+"txt="+encodeURI(s.value);
    }
</script>
<body>

<input type="text" id="txt">
</br>
<input type="button" value="TEST""test()"/>

</body>
</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>


本文标签: #跳转 #js
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

DESTOON9.0以下的版本如何修复电脑版微信小程序跳转到电脑版

    按照9.0的代码去修改

小黑 destoon程序2023-04-13

ajax登录跳转登录实现

    当我们的用户进行系统登录时,用户名和密码的验证都是后端验证的。而且,用户登录状态也是要后端设置的,查询数据库后,用户名和密码正确,则在session中存储一个uuid,每个页面需要根据登录状态判断展示相应的内容

网络转载 Ajax相关教程2022-08-28

如何用PHP实现网页动态跳转

    请用代码测试

网络转载 PHP开发2022-08-28

H5页面唤起指定app或跳转到应用市场

网络转载 HTML教程2022-07-14

html 列表页滚动后跳转,返回时停留在原来位置

    未测试,转载的

网络转载 JavaScript教程2022-04-03

下一篇
我来说两句
抢沙发