2012-09-05 64 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%的把握。

相關問題