Question

<!DOCTYPE html>
<html>
<head>  
</head>
<body>
<div>
    <iframe id="frame" allowfullscreen="allowfullscreen" frameborder="0" style="height: 300px; width: 100%">
</div>

<script type="text/javascript">
    console.log("test");
</script>
<body>
</html>

在这里，我已将JS代码放在页面底部。结果是它被吃掉了。如果我删除iframe元素，代码工作正常。显然，我放在这里的iframe是空的，没有链接到任何来源。因此，没有引入其他内联JS代码。顺便说一句，如果我把脚本放在head块中，它们也可以正常工作。

我真的不知道为什么？有人可以给我一些评论吗？

Answer 1

使用验证器（例如http://html5.validator.nu/或http://validator.w3c.org）。您遇到的最大问题是，您没有使用</iframe>标记关闭iframe。 iframe代码之间的任何内容都只会针对禁用了iframe的客户端显示。

最终代码应如下所示：

<iframe id="frame" allowfullscreen="allowfullscreen" frameborder="0" style="height: 300px; width: 100%">
    This page requires iframes... blah blah.
</iframe>

将来，当您不确定110％时，始终验证。

iframe已经吃掉了我的JavaScript代码。出了什么问题？

1 个答案: