我正在学习 HTML 并且遇到了一些困难。我无法让其他文本出现在页面上 The Page .可以使用帮助,谢谢。 使用:蓝鱼编辑器 使用Crome运行页面
<!DOCTYPE>
<html lang="en">
<head>
<title>Temperature</title>
<meta charset="utf-8">
<script>
function showTime() {
var tempByHour = new Array();
tempByHour[0] = 59.2;
tempByHour[1] = 60.1;
tempByHour[2] = 63;
tempByHour[3] = 65;
tempByHour[4] = 62;
for (var i = 0; i < 4; i++) {
var theTemp = tempByHour[i];
var id = "temp" + i;
var li = document.getElementById(id);
if (i == 0) {
li.innerHTML = "The temperature at noon is " + theTemp;
} else {
li.innerHTML = "The temperature at " + i + "was" + theTemp;
}
}
window.onload = showTime
</script>
</head>
<body>
<h1>Temperature</h1>
<ul>
<li id="temp0"></li>
<li id="temp1"></li>
<li id="temp2"></li>
<li id="temp3"></li>
<li id="temp4"></li>
</ul>
</body>
</html>
最佳答案
有时你需要检查控制台,如果有任何错误。看来你忘了把 }
在 showTime
的末尾功能。并且像这样改变你的循环 for (var i = 0; i < tempByHour.length; i++) { ... }
覆盖你的整个长度 tempByHour
大批。
<!DOCTYPE>
<html lang="en">
<head>
<title>Temperature</title>
<meta charset="utf-8">
<script>
function showTime() {
var tempByHour = new Array();
tempByHour[0] = 59.2;
tempByHour[1] = 60.1;
tempByHour[2] = 63;
tempByHour[3] = 65;
tempByHour[4] = 62;
for (var i = 0; i < tempByHour.length; i++) {
var theTemp = tempByHour[i];
var id = "temp" + i;
var li = document.getElementById(id);
if (i == 0) {
li.innerHTML = "The temperature at noon is " + theTemp;
} else {
li.innerHTML = "The temperature at " + i + " was " + theTemp;
}
}
}
window.onload = showTime
</script>
</head>
<body>
<h1>Temperature</h1>
<ul>
<li id="temp0"></li>
<li id="temp1"></li>
<li id="temp2"></li>
<li id="temp3"></li>
<li id="temp4"></li>
</ul>
</body>
</html>
关于javascript - HTML:无法在浏览器上显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37066588/