Question

<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未在第2帧中加载，代码是否有任何问题。

Answer 1

你的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>

Answer 2

尝试删除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>

使用1个html页面发送2个请求

2 个答案: