[HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)

最新推荐文章于 2023-06-13 10:45:22 发布
最新推荐文章于 2023-06-13 10:45:22 发布
阅读量1.7k 收藏 7
点赞数 1
文章标签： javascript ViewUI

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

页面传值:
第一个页面:
<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" onclick="test()"/>

</body>
</html>

第二个页面:（test2.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>

 注:中文传输:可以在页面a用encodeURI 编码url  在b页面用decodeURI解码url

weixin_33755649
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
静态页面html中跳转传值的JS处理技巧
10-22
主要介绍了静态页面html中跳转传值的JS处理技巧,结合实例形式分析了HTML页面跳转通过URL传递参数的方法与javascript处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
怎么实现从A界面跳转到B界面，返回A界面会保留之前的状态
Nikki_u的博客
06-07 2006
首先说解决方案，非常简单。使用keep-alive就可以了。第一步：在需要缓存的页面路由里面的meta属性里写上keepAlive：true。 第二步：在路由出口，把需要缓存的用keep-alive进行包裹；把不需要缓存的写在keep-alive外面这里判断需不需要缓存就是用的路由里面的keepAlive......
点击a标签，返回上一页
zk_1325572803的博客
04-17 4万+
点击返回 只需要这一句话就够！
js设置、获取缓存方式
醉月听风的博客
11-18 6135
设置缓存 Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数...
点击a标签实现返回上一页的2种方法
热门推荐
iammarrio的博客
10-20 6万+
方法1：也是比较常用的一种方法，如下 返回上一页 这句话，实现的原理始机械性的，只是返回到上一页的缓存数据，并不会刷新页面，一般项目中没什么特殊要求或者数据变动，我们用这一句就行了。 方法2：根据方法2在数据变动方面的弊端优化而来，如下 一般更改如下： onclick="javascript:window.location=
（7）＜a＞标签之锚点和回到顶部功能
Java田根旺
11-11 1589
一、什么是锚点？ 这里，我们拿京东官网距离，如下图可以看到京东官网首页右侧的导航条选项卡，当我们点击其中一个选项卡的时候，他会自动给你定位跳到当前页的符合该选项卡标题的位置，省去我们从上往下鼠标滚轮一直翻滚的操作，节省了用户的时间，提高了用户体验度效率。 二、如何实现锚点？ 首先我们写一个内容，并且写一个<a>标签再内容的上方，该超链接不需要填写内容，使用空的即可，给该标签添加一个name属性。 然后写一个<a>标签，作为类似上边所说的京东的选项卡一样，我们使用a标签的.
微信小程序实现页面跳转传值以及获取值的方法分析
08-28
主要介绍了微信小程序实现页面跳转传值以及获取值的方法,结合实例形式总结分析了微信小程序页面跳转及传值的常用操作技巧,需要的朋友可以参考下
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
10-29
在WEB页面中，我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等，由用户点击某处，然后直接由浏览器帮我们跳转。
5秒后跳转到另一个页面的js代码
10-26
跳转到另一个页面的方法有很多，在本文将为大家详细介绍下js中如何实现5秒后跳转到另一个页面，感兴趣的朋友可不要错过
点击a或者button标签页面返回顶部问题解决
一转眼再次遇到你
04-17 992
遇到点击a标签。或者button 绑定js事件，我们不希望页面跳转 会让href="#"， 但是页面会自动回到顶部，解决方式 例如： 方案一： <a href="###">多输入几个#</a> 方案二： <a href="javascript:void(0)">添加javascript:void(0)</a> ...
js返回上一页的三种方法分享
最新发布
winkexin的博客
06-13 1万+
调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。back() 方法可加载历史列表中的前一个 URL（如果存在）。最常用的一种方法，可以返回、前进任意一步的页面、回到上一页。支持新窗口返回上一页。
使用js 返回上一页
weixin_51890230的博客
05-09 2264
返回上一页并刷新</a>方法三：<a href="javascript:" onclick="history.go(-2);">返回前两页</a>">返回上一页</a>方法二：<a href="javascript:location.reload()">刷新当前页面</a>方法一：<a href="javascript:history.go(-1)">返回上一页
手机端返回上一页HTML,解决移动端，返回上一页面，刷新问题
weixin_28851191的博客
06-05 1206
通常可以用到window.history.back();window.history.go(-1);返回刷新上一页，但当两种方法都不满足你的开发需求的时候，可以采用以下的方法。从a页面，跳转到b页面，b页面的数据操作，会影响a页面的展示。那么在b页面里就可以使用，sessionStorage.setItem("need-refresh", true); 然后再进行window.history.go...
移动端浏览器回退上级页面不执行js的原因和解决方案
weixin_45532305的博客
06-29 2608
在开发移动端项目时遇到了一个问题，是关于ios机制和浏览器缓存的。 1. 问题描述 页面逻辑：页面中存在另一个链接，通过链接跳转页面，在点击浏览器导航回退时。发现上级页面会不执行js操作(页面不会重新加载，会直接读取浏览器缓存) 展现结果：返回后页面不刷新，一些失效的信息依然显示在页面上 机型：这个问题会在iphone和部分android内置浏览器(vivo nex内置浏览器、华为荣耀手机)发生。 产出原因：这一切都是页面的缓存数据搞的鬼。什么是页面的缓存数据？浏览器的“往返缓存(back-forward
JS实现跨页面回调传值
qq_36778083的博客
12-31 1130
背景介绍： 页面1中有一个按钮，希望实现点击按钮打开页面2。 页面2进行一系列操作后，点击该页面确定按钮后关闭页面，同时返回值到页面1 页面1代码： <button id="aaa">测试</button> $(function(){ $("#aaa").on('click', function() { window.open("http://127.0.0.1:8848/demo/222.html"); //页面2的地址 }); //接收返回数据 window
localstorage，sessionstorage，和cookie三种存储方式的用法和区别
Slueia的博客
12-01 245
Cookie存储方式 Cookie可能是最常见也是用得最多的技术了，也是比较古老的技术了。COOKIE优点很多，使用起来很方便 但它的缺点也很多： 比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等。 原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的工作原理。 Cookie实际上是一小段的
js实现页面跳转并传值
kt1776133839的博客
10-13 3718
原理： 1.将参数通过拼接的方式拼接到页面的后面。 2.页面跳转后，解析url，根据关键字符'?',区别是页面还是后面的参数 3.根据关键字符'='，区分是参数名还是参数值 页面1：test1.html <body> 请输入： <input type="text" id="txta" > ...
返回上一个页面 带参数返回
weixin_45162034的博客
06-04 1012
当前页面 selectGoods(item){ let _this=this; let pages=getCurrentPages(); let currentPages=pages[pages.length-2];//上一页 currentPages.$vm.id = item.id; uni.navigateBack({ delta: 2 }); }, 上一页：在onShow中获取跳转页传过来的参数 var pages = getCurrentPa
实现页面跳转——Intent
恒路君丶
10-06 447
Intent可以理解为信使（意图），由Intent来协作完成Android各个组件之间的通讯。 Intent实现页面跳转 1.直接实现A页面跳转到B页面：startActivity(intent) 2.直接A启动B页面，切B页面可以把数据回传给A：startActivityForResult(intent,requestCode)， 在A页面中使用：onActiovityResult(in...
要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代
05-25
确切地说，你需要使用JavaScript中的 `window.location` 对象来实现页面跳转。以下是一些示例代码： 1. 在当前窗口中打开新页面并跳转： ``` window.location.href = "http://www.example.com/pageB"; ``` 2. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值