-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 に答える