使用分离的.js的JavaScript文件打印到文档

2016-02-28 49 views -1 likes

-1

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

HTML：

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

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

JS文件中第一行。 html文件中的第二行和第三行（内部头）。

我正在尝试使用JavaScript文件打印到使用ID的段落标记，但它不打印。有任何想法吗？谢谢！ :)

2016-02-28 TingAli

*“在HTML文件中第二行和第三行（内侧头）” *你不能在'head'中放入'p'元素;或者更确切地说，如果你这样做，它会终止'head'并隐含地启动'body'（因为在某些情况下''和'''标记都是可选的）。 –

如果第3行出现在html文件的第2行之前，则会在您尝试获取尚不存在的ID时发生。将第3行放在*第2行之后的主体*中。 – James

@ T.J.Crowder很确定（内部头部）仅适用于此处的脚本标记 –

回答

把脚本标记你的元素后，在体内：

<body> 
.. stuff 

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

.. more stuff 
</body>

2016-02-28 13:47:12 James

但是如果我想将更多需要为该段下的其他标记运行的脚本进行操作，会发生什么情况？谢谢:) – TingAli

@TingAli：把它们全部放在最后，就在结束''标签之前。 –

只需确保立即执行的脚本在所有使用的标签之后*。 – James

您必须将<script>标签<p>标签后，否则你的JavaScript代码运行时<p>标签不存在。

如果你不想这样做，你可以在load事件执行代码，当你的页面完全加载：

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

2016-02-28 13:48:40 Lux