Demo模拟页面超链接，跳转页面将选中的这条信息传递到另外一个界面。

最新推荐文章于 2024-07-20 23:54:17 发布

初入社会，年少轻狂的好市民

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量191

点赞数

分类专栏：笔记文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_47879630/article/details/124713962

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

页面展示

《A.html》

<div>
    <form>
        <table>
            <tr>
                <td>编号</td>
                <td>信息</td>
                <td>状态</td>
                <td>连接</td>
            </tr>
            <tr>
                <td >张三</td>
                <td>张三很帅</td>
                <td id="zt">草稿</td>
                <td><a href="ABiaoDan.html" id="ChaoLJ" onclick="ChaoLJ()">超链接</a></td>
            </tr>
            <tr>
                <td>李四</td>
                <td>李四很丑</td>
                <td>草稿</td>
                <td><a href="">超链接</a></td>
            </tr>
        </table>
         <button onclick="sub()">提交</button>
    </form>
</div>

<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript">
    function sub(){
        var Stats = document.getElementById("zt");
        var NeiR = Stats.innerHTML;
        if (NeiR == "草稿"){
            Stats.value = "审核中";
        }else if (NeiR == "审核中"){
            alert("已经是审核中的了不需要提交")
        }
    }

    function ChaoLJ(){
        location.href = 'ABiaoDan.html.html'
        //设置localStorage
        window.localStorage.setItem('BH','张三');
        window.localStorage.setItem('XX','张三很帅');
        window.localStorage.setItem('ZT','草稿');
    }


</script>

《B.html》

  <body onload="JiaoZ()">
        <div>
            编号:<input id="BH" /><br>
            信息:<input id="XX" /><br>
            状态:<input id="ZT" />
        </div>
        <script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
        <script type="text/javascript">

           function JiaoZ(){
           //将A页面的 编号信息存入到 id 为 BH的输入框里
            var BianH = document.getElementById("BH");
            BianH.value = window.localStorage.getItem('BH');
             //将A页面的 编号信息存入到 id 为 XX的输入框里
            var XinX = document.getElementById("XX");
            XinX.value = window.localStorage.getItem('XX');
             //将A页面的 编号信息存入到 id 为 ZT的输入框里
            var ZhuangT = document.getElementById("ZT");
            ZhuangT.value = window.localStorage.getItem('ZT');
        };

        </script>
</body>

初入社会，年少轻狂的好市民

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Demo模拟页面超链接，跳转页面将选中的这条信息传递到另外一个界面。

页面展示《A.html》<div> <form> <table> <tr> <td>编号</td> <td>信息</td> <td>状态</td> <td>连接</td>
复制链接

扫一扫