【问题标题】:window.myframeid.location.href is not working on google chromewindow.myframeid.location.href 不适用于谷歌浏览器
【发布时间】:2014-08-27 15:10:16
【问题描述】:

我有一个使用 iframe 的页面。下面有一个框架集,它有两个框架。其中一个框架 ID 是 myframeid。这是代码sn-p。

<html>
<head></head>
<body>
<iframe name="someiframe" src="/app/html/files">
<html>
<head></head>
<body>
 <script>
function thismyfunction(dObj, dTo, dCode){
if (dTo == 'start'){
    if (tempora) {                  
        if (confirm('Is this correct?')){
            window.myframeid.location.href = '/code/cgi/bin';
        }
    } else {                                
        if (confirm('Prefer to view your account?')){
            window.myframeid.location.href = '/code/welcome/account';
}   }   
}
}
</script>
<frameset cols="30%, 70%" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0>
<frame name="someframe" id="topframe" src="/app/source/default.htm" scrolling="no">
<frame name="someframe2" id="myframeid" src="/app/html/load">
  <input type="button" onclick="parent.thismyfunction(this.form, 'start')" 
     id="nicebutton"  value="Hello world" />
   </frameset>
  </body>
 </head>
</html>
</iframe>
</body>
</head>
</html>

这适用于 IE 11,但不适用于 google chrome 版本 36。当我使用 IE 11 浏览器单击按钮时,该功能有效。但不在谷歌浏览器中。我认为谷歌浏览器不喜欢下面的代码。

 window.myframeid.location.href = '/code/cgi/bin';

任何想法为什么?谢谢!

【问题讨论】:

  • 你检查过,哪个对象 window.myframeid 在 Chrome 中吗?请注意,上述框架的id"right" 而不是"myframeid"
  • 很高兴找到@Teemu!谢谢!!我编辑了页面。这是我发布问题时的错误。
  • 我怀疑这会解决您的问题,这只是问题中的文本和代码之间的冲突。 window.name 应该引用框架内的window 对象。它在 Chrome 中吗?
  • 请在尝试设置其location 对象的href 之前输入console.log(window.myframeid)。然后打开控制台刷新页面点击按钮,你看到了什么?
  • @Teemu 看来函数无法访问 myframeid。不是吗?

标签: javascript google-chrome iframe frameset


【解决方案1】:

myframeid 是一个 id,你可以通过document.getElementById('myframeid') 获取参考。您可以通过设置其src 属性来加载新页面。

【讨论】:

  • @vpzomtrrfrt 我知道你要去哪里。我也试过了,但没有帮助。
  • @Teemu 这是我到目前为止所尝试的。我替换了,window.myframeid.location.href = 'yahoo.com';通过以下行; document.getElementById("myframeid").location = 'yahoo.com';
  • 它没有帮助。我收到了这个错误,未捕获的类型错误:无法设置属性 'location' of null
  • 使用 src 代替 location.href。
猜你喜欢
  • 2012-09-19
  • 2018-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-03
  • 2014-11-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多