gpt4 book ai didi

javascript - 我无法让我的程序运行下去,并且我正在使用 document.write 因为它使用 JavaScript 在 html 中

转载 作者:行者123 更新时间:2023-12-02 16:29:54 27 4
gpt4 key购买 nike

我是编程新手,我正在尝试学习如何执行 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com