JS——如何在跳转后获取前一个页面的元素
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="跳转" onclick="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.onload=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， 并赋给了自己的表格。
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
- 上一篇： php变量的实现原理
- 下一篇： yii2框架-理解yii2的架构(一)
