2012-09-05 48 views
-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代码被引入。顺便说一句,如果我把脚本放在head block中,它们也可以很好地工作。iframe已经吃掉了我的JavaScript代码。出了什么问题?

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

+5

使用HTML验证器。它会*告诉你什么是错的。 – 2012-09-05 03:18:26

回答

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%的把握。

相关问题