Question

我的JavaScript遇到了问题，当我把它放到JSFiddle中它运行正常。但它不会在本地工作？这是小提琴：http://jsfiddle.net/4Ukkz/

var String = "preacher preacher, 5th grade teacher";
document.getElementById('text').innerHTML=String;

所以问题是。在JSFiddle中，文本将显示，但本地不会显示任何内容。注意。它适用于小提琴。但不在我的电脑上

Answer 1

在JSFiddle中，您的代码会自动换行

window.onload = function() {
    // your code
};

这是必要的，因为在您的代码中，script.js包含在<div id="text"></div>之上。如果您不等到该元素存在，document.getElementById('text')将返回null，并且设置innerHTML的尝试将失败。

解决方案是将您的代码包装在上面或将script标记移到div下面。

Answer 2

你可能没有一个带有你在小提琴中粘贴的javascript代码的script.js文件吗？

将脚本元素移到身体后面。因此，在创建了正文中的所有元素之后，您的JavaScript代码就会运行。

这样的事情：

<html>
<title>hi</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="text"></div>
</body>
<script type='text/javascript' src='script.js'></script>
</html>

初学者javascript文本显示

2 个答案: