JS——如何在跳转后获取前一个页面的元素

最新推荐文章于 2022-06-12 04:42:50 发布

吉普赛的歌

最新推荐文章于 2022-06-12 04:42:50 发布

阅读量9.4k

点赞数

分类专栏：前端 - JS

本文链接：https://blog.csdn.net/yenange/article/details/50469791

版权

前端 - JS 专栏收录该内容

84 篇文章 0 订阅

订阅专栏

A.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        function jump(){
            window.open("B.htm");
        }
    </script>
</head>
<body>
<input type="button" value="跳转" οnclick="jump()" />
<table id="myTable" style="color:blue;border-collapse:collapse;border:solid 1px blue;" cellpadding="2" cellspacing="1">
<tr><th>id</th><th>name</th></tr>
<tr><th>1</th><td>jack</td></tr>
</table>
</body>
</html>

B.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        function showPageATable(){
            debugger;
            var parentWin = window.opener ;
            //获取父窗口 一个带Id 的元素。
            var myTable = parentWin.document.getElementById('myTable');
            document.getElementById("pageBTable").innerHTML = myTable.innerHTML;
        }
        window.οnlοad=showPageATable;
    </script>
</head>
<body>
<table id="pageBTable" style="color:Red;border-collapse:collapse;border:solid 1px red;" cellpadding="2" cellspacing="1">
</table>
</body>
</html>

大家可以看到，原本在页面B中的Table是没有任何内容的，但页面加载完毕后从父页面A中取到了相应表格元素的html，并赋给了自己的表格。

吉普赛的歌

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
JS——如何在跳转后获取前一个页面的元素

A.htm 无标题页 function jump(){ window.open("B.htm"); } idname1jackB.htm 无标题页 function showPageATable(){ debugger;
复制链接

扫一扫