javascript - 如何使用 JavaScript 更新 iframe

标签 javascript dom iframe src

您好,我正在尝试使用 javascript 更新 iframe 的 src,下面是我正在尝试的代码。当我尝试执行代码时,它失败了,就像发生了错误一样,并且当我调用此行时停止执行代码。

document.getElementById('logviewer').src = "www.yahoo.com";

示例代码:

<iframe src="" id="logviewer"/>
<script type="javascript/text">
document.getElementById('logviewer').src = "www.yahoo.com";
alert('Loaded Yahoo');
</script>

您可以看到 src 没有更改,并且警报没有显示。

提前感谢您的回答!

最佳答案

您的代码中存在一些主要问题:

  • 脚本 mime-type 应该是 text/javascript 而不是 javascript/text
  • iframe 标记应该有一个结束标记...不支持短开放标记。 这是因为当浏览器不支持 iframe 时,会显示 iframe 标记之间的内容。您的代码意味着脚本标记最终出现在本节中。
  • 当该代码运行时,
  • document 可能尚未准备好(您需要将代码放入 domready 事件中),这基本上就是 Patrick 所说的。我认为这也是一个非常相关的原因。

这是工作状态下的代码:http://jsfiddle.net/4EMdn/

关于javascript - 如何使用 JavaScript 更新 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18433069/

相关文章:

javascript - 是否可以使用 IFRAME(无需重新加载页面)来模拟响应式设计的方向和尺寸变化?

javascript - iframe 奇怪的跨域问题

javascript - Vimeo Iframe 注入(inject)广告软件?

javascript - 使用追加动画移动元素

javascript - Dom函数,将HTML插入到dom中替换所有内容

javascript - HTMLSpanElement 与 HTMLUnknownElement

Javascript:将多个元素创建到 `for` 循环中

javascript - 如何在 netsuite 中使用 suitescript 创建自定义记录?

javascript - 如何避免旋转时自动左对齐?

javascript - 当音频因加载数据不足(速度慢)而暂停时,我可以使用什么事件?