gpt4 book ai didi

javascript - 第一次需要 javascript 帮助

转载 作者:行者123 更新时间:2023-11-29 18:01:55 25 4
gpt4 key购买 nike

有人可以告诉我以下 javascript 有什么问题吗?它应该显示时间和日期,但只显示 HTML 标题。我从一本我用来学习的 javascript 书中得到这个,我认为它现在可能已经过时了,事情可能已经改变,或者我犯了一个错误。

<html>

<head><title>Date time</title></head>

<body>
<h1> Time and Date </h1>

<script LANGUAGE="JavaScript" type="textjavascript">
now = new Date();
localtime = now.toString();
utctime = now.toGMTString();
document.write ("<b> local time: </b>" + localtime + "<BR>");
document.write ("<b> UTC time: </b>" + utctime +);

document.write("Hello World!");
</script>

</body>
</html>

谢谢你的帮助

最佳答案

问题#1。它不起作用,因为脚本 block 由于类型属性无效而无法识别为 JS:

type="textjavascript"

应该是 type="text/javascript"

问题#2。修复此问题后,请确保也修复此行:

 + utctime +);
// ^ ---- remove this "+"

问题#3。扔掉你读过的书。它完全过时了。原因:

  • 不要使用document.write - 它用于非常特殊的情况,您不是其中之一。
  • 不要指定 LANGUAGE="JavaScript"type="text/javascript" 它们是多余的。

最后,学习像 document.querySelector 这样的 DOM 方法, insertAdjacentHTML , appendChild , createTextNode , createElement等,其中有很多。

您可以通过多种方式重写示例,例如:

<html>

<head><title>Date time</title></head>

<body>
<h1> Time and Date </h1>
<div class="date"></div>

<script>
var now = new Date();
var localtime = now.toString();
var utctime = now.toGMTString();

var container = document.querySelector('.date');

container.innerHTML =
"<b> local time: </b>" + localtime + "<BR>" +
"<b> UTC time: </b>" + utctime;

document.body.appendChild(document.createTextNode("Hello World!"));
</script>

</body>
</html>

关于javascript - 第一次需要 javascript 帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34369845/

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