0 
<html>
 <head>
  <script type = "text/javascript">    
    function changeone() {
         parent.document.getElementByID("frame2").src= "www.MyWebsite.com"
    }
  </script>
 </head>
 <body>    
  <iframe id= "frame1" src= "CustomPageCreated.html" width="300" height="500" frameborder="1" scrolling="auto" onload = changeone() >  </iframe>
  <iframe id= "frame2"  width="300" height="500" frameborder="1" scrolling="auto" >  </iframe>
 </body>
</html>

自定义页面在框架中加载，但www.mywebsite.com在第二框架中没有加载，代码有什么问题吗？

4

2 回答 2

2

您的 DOM 可能尚未完全加载。除了@sroes 提到的更改之外，尝试将脚本标记放在结束</body>标记之前。以下对我有用。

<iframe id="frame1" style="width:400px;height:400px;" onLoad="loadSite2();"></iframe>
<iframe id="frame2" style="width:400px;height:400px;"></iframe>
<script>
var site1 = 'http://rice.edu',
    site2 = 'http://bing.com';
function loadSite2() {
    document.getElementById('frame2').src = site2;
}
document.getElementById('frame1').src = site1;
</script>
于 2013-07-02T14:51:11.103 回答
0

尝试删除parent.并更改document.getElementByID为document.getElementById：

document.getElementById("frame2").src= "http://www.MyWebsite.com"

编辑：

还要确保在 onload 属性中添加引号：

<iframe id= "frame1" src= "CustomPageCreated.html" width="300" height="500" frameborder="1" scrolling="auto" onload="changeone()">  </iframe>
于 2013-07-02T14:26:00.190 回答