点击跳转，将A页面参数带到B页面

最新推荐文章于 2024-05-15 04:31:45 发布

Shine_180418

最新推荐文章于 2024-05-15 04:31:45 发布

阅读量4.1k

点赞数 1

分类专栏：前端开发笔记

本文链接：https://blog.csdn.net/monica1_1/article/details/84543515

版权

前端开发笔记专栏收录该内容

36 篇文章 3 订阅

订阅专栏

故事起源：

今天有个网友有个网友问我，怎么从A页面跳转到B页面，并且把参数带过去。Emm……之前我也做个类似的事情，觉得无足轻重，就没有记录下来了，今天想想，问题不分大小。Emm……直接送佛送到西，和大家分享一下吧！

Emm……后来回想了一下我的博客，之前的确写过相关的文章，罪过罪过……html通过url传值

其实传参的方式还有一种方法，就是将参数set到缓存中，然后需要的时候再将其get取出。

一个demo告诉你怎么用：

A页面：

<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>我是A页面</title>
 </head>

 <body>
   <a href="b.html" target="_blank" class="open-popup" my-data="123456" onclick="setData(this)" style="color: #23ade5;">我是123456

<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    function setData(obj) {
        var id = $(obj).attr("my-data");
        window.localStorage.setItem("id", id);
        alert(id);
    }
</script>

</body>
</html>

B页面：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>我是B页面</title>
 </head>
 <body onload="loads();">

 <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
 <script>
    function loads(){
    var id=window.localStorage.getItem("id")
    alert(id);
    };
  </script>
 </body>
</html>

效果：在A页面——点击“我是123456”，跳转到B页面弹出参入的参数

Emm……简单粗暴，就这样，这时候。我们要补给一些知识。

拓展：

1、什么是localStorage？

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

2、localStorage的支持情况（也就是是说，一般的浏览器和Android还有ios设备都支持）

相关资料：

localStorage使用总结

欢迎加入 CSDN技术交流群：（点击即可加群）QQ群:681223095。

因经常有人留言，未能及时查看到和回复，所以特建此群，以方便交流。方便问题讨论,有问题和没有问题的小伙伴均可加入，用作自我学习和共同进步。本博主不一定长期在线，但是qq群里会有很多热心的小伙伴，大家一起讨论解决问题。
右边的二维码是公众号。关注公众号，更多学习内容给予推送，争取每日更新

这里写图片描述

Shine_180418

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
点击跳转，将A页面参数带到B页面

故事起源：今天有个网友有个网友问我，怎么从A页面跳转到B页面，并且把参数带过去。Emm……之前我也做个类似的事情，觉得无足轻重，就没有记录下来了，今天想想，问题不分大小。Emm……直接送佛送到西，和大家分享一下吧！ Emm……后来回想了一下我的博客，之前的确写过相关的文章，罪过罪过……html通过url传值其实传参的方式还有一种方法，就是将参数set到缓存中，然后需要的...
复制链接

扫一扫