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, 并赋给了自己的表格。