获取被嵌套的iframe的大小。 - 调试易

获取被嵌套的iframe的大小。

我只要table自适应大小就行了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

父页面,需要把iframe的ID传给子页面<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<div>
<iframe src="aa.aspx?iframeID=abc" id="abc" width="400" height="300"></iframe>
</div>
</body>
</html>
aa.aspx<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
    var s = window.location.search;
    if(/.*?iframeID=(\w+)/i.test(s)){
        var arg = RegExp.$1;
        var iframe = parent.document.getElementById(arg);
        var table = document.getElementById("tab");
        table.style.width = iframe.width - 50 + "px";
    }
};
</script>
</head><body>
<table width="600" border="1" cellspacing="0" cellpadding="0" id="tab">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>5</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table></body>
</html>