作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是编程新手,我正在尝试学习如何执行 JavaScript。我书中的问题说我必须在 html 页面中使用循环编写一个程序,但它们都在同一行上。
这是程序:
<html>
<body>
<script>
var sheepCounted = 0;
while (sheepCounted < 10) {
document.write("I have counted " + sheepCounted + " sheep!");
sheepCounted++;
}
</script>
</body>
</html>
但它返回的只是:
I have counted 0 sheep!I have counted 1 sheep!I have counted 2 sheep!I have counted 3 sheep!I have counted 4 sheep!I have counted 5 sheep!I have counted 6 sheep!I have counted 7 sheep!I have counted 8 sheep!I have counted 9 sheep!
(全部在一行)
我也遇到这个代码的问题 我的第一个正确的 HTML 页面
<body>
<h1>Hello</h1>
<p>My First web page.</p>
<script>
var name = "Nick ";
document.write("Hello, " + name);
if (name.length > 7) {
document.write("Wow, you have a REALLY long name!");
}
else {
document.write("Your name isnt very long")
}
</script>
</body>
</html>
请帮帮我!!!!
最佳答案
首先,使用document.write
不推荐。你应该进行 DOM 操作。但是,由于您是编程新手,所以我们不要这样做。
HTML 中的所有空白(即制表符、换行符和空格)都会被 chop 为单个空格。为了在页面上实际获得换行符,请使用标签 <br />
。或者,您可以将每个文本设为一个段落,这在语义上更有意义。为此,只需将文本括在 <p>
中即可。标签如 <p>text</p>
document.write("<p>I have counted " + sheepCounted + " sheep!</p>");
这也适用于你的第二个问题。只需将文本包裹在
text
中即可如果你想使用 DOM 操作,请执行类似以下代码的操作。请注意,这有点高级,在迈出第一步时使用 document.write 是可以的
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta charset="utf-8" />
</head>
<body>
<script>
document.addEventListener("DOMContentLoaded", function() {
for (var i = 0; i < 10; i++) {
var p = document.createElement("p");
p.textContent = "I have counted " + i + " sheep!";
document.body.appendChild(p);
}
});
</script>
</body>
</html>
关于javascript - 我无法让我的程序运行下去,并且我正在使用 document.write 因为它使用 JavaScript 在 html 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28399924/
我是一名优秀的程序员,十分优秀!