javascript 实现页面间传值（2）

最新推荐文章于 2023-02-12 10:15:00 发布

kaleid_liner

最新推荐文章于 2023-02-12 10:15:00 发布

阅读量313

点赞数

分类专栏： html 文章标签： html javascript

本文链接：https://blog.csdn.net/qq_36735409/article/details/78201944

版权

html 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

在上一篇文章中我们使用 escape() 向地址栏添加数据，其实在新版本，这个方法已经被弃用了，而且我们也没有必要用这个方法来传递数据。这里介绍一个最简单的通过<a>标签传递数据，并使用 javascript 来获取数据的方法：

首先还是创建两个 html 文件，一个 post.html ，另一个 read.html

post.html ：

<html>
<head>
    <meta charset="GBK"/>
    <title></title>
</head>
<body>
<a href="read.html?1">传值</a>
</body>
</html>

read.html ：

<html>
<head>
    <title></title>
    <script>
        window.onload = function(){
            var url = window.location.search;
            document.getElementById("read").innerHTML=url;
        };
    </script>
</head>
<body>
<div id="read"></div>
</body>
</html>

在 post.html 中，我们在a标签的地址后添加了 ?1 ，运行 post.html ，点击传值，就可以看到在 read.html 页面中会显示 ?1 。

kaleid_liner

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript 实现页面间传值（2）

在上一篇文章中我们使用 escape() 向地址栏添加数据，其实在新版本，这个方法已经被弃用了，而且我们也没有必要用这个方法来传递数据。这里介绍一个最简单的通过标签传递数据，并使用 javascript 来获取数据的方法：首先还是创建两个 html 文件，一个 post.html ，另一个 read.html post.html ：传值read.ht
复制链接

扫一扫

专栏目录