2016-02-28 26 views
-1

JS:使用分離的.js的JavaScript文件打印到文檔

document.getElementById("terminal_text").innerHTML = "hello"; 

HTML:

<p id="terminal_text"></p> 

<script type="text/javascript" src="js1.js"></script> 

JS文件中第一行。 html文件中的第二行和第三行(內部頭)。

我正在嘗試使用JavaScript文件打印到使用ID的段落標記,但它不打印。有任何想法嗎?謝謝 ! :)

+0

*「在HTML文件中第二行和第三行(內側頭)」 *你不能在'head'中放入'p'元素;或者更確切地說,如果你這樣做,它會終止'head'並隱含地啓動'body'(因爲在某些情況下''和'''標記都是可選的)。 –

+0

如果第3行出現在html文件的第2行之前,則會在您嘗試獲取尚不存在的ID時發生。將第3行放在*第2行之後的主體*中。 – James

+0

@ T.J.Crowder很確定(內部頭部)僅適用於此處的腳本標記 –

回答

1

把腳本標記你的元素後,在體內:

<body> 
.. stuff 

<p id="terminal_text"></p> 
<script type="text/javascript" src="js1.js"></script> 

.. more stuff 
</body> 
+0

但是如果我想將更多需要爲該段下的其他標記運行的腳本進行操作,會發生什麼情況?謝謝:) – TingAli

+0

@TingAli:把它們全部放在最後,就在結束''標籤之前。 –

+0

只需確保立即執行的腳本在所有使用的標籤之後*。 – James

0

您必須將<script>標籤<p>標籤後,否則你的JavaScript代碼運行時<p>標籤不存在。

如果你不想這樣做,你可以在load事件執行代碼,當你的頁面完全加載:

window.addEventListener('load', function() { 
    document.getElementById("terminal_text").innerHTML = "hello"; 
});