-1 
<!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 代码。顺便说一句，如果我将脚本放在头块中，它们也可以正常工作。

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

4

1 回答 1

3

使用验证器（例如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% 时，请始终进行验证。

于 2012-09-05T03:18:27.990 回答