如何使用javascript更新iframe

时间:2013-08-25 19:54:41

标签: 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没有改变,警报也没有显示。

提前感谢您的回答!

1 个答案:

答案 0 :(得分:2)

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

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

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