我是第一次学习 Javascript,并使用 w3resource.com 的在线教程来帮助我了解基础知识。
我看到教程中发生了一些我不理解的事情,但我无法知道该教程是否误导了我,或者我遗漏了什么。
基本上,这是一个打印日期和时间的小程序。我正在向我展示 HTML 和 JS,以便我可以了解它是如何工作的。根据我所读到的有关 JS 的内容,HTML 需要一个“script”标签,以便它知道要合并 JS。但是我没有看到教程中使用该标签。这是否意味着教程在什么是正确的协议(protocol)方面误导了我,或者是否有某种方法可以在没有“script”标签的情况下将 JS 嵌入到 HTML 中?
这是我所看到的:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript current day and time</title>
</head>
<body>
</body>
</html>
Javascript:
var today = new Date();
var day = today.getDay();
var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
console.log("Today is : " + daylist[day] + ".");
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();
var prepand = (hour >= 12)? " PM ":" AM ";
hour = (hour >= 12)? hour - 12: hour;
if (hour===0 && prepand===' PM ')
{
if (minute===0 && second===0)
{
hour=12;
prepand=' Noon';
}
else
{
hour=12;
prepand=' PM';
}
}
if (hour===0 && prepand===' AM ')
{
if (minute===0 && second===0)
{
hour=12;
prepand=' Midnight';
}
else
{
hour=12;
prepand=' AM';
}
}
console.log("Current Time : "+hour + prepand + " : " + minute + " : " + second);
这是我正在使用的教程:http://www.w3resource.com/javascript-exercises/javascript-basic-exercise-1.php
如果有人能向我解释一下这个 JS 如何在没有标签的情况下嵌入到 HTML 中,我将不胜感激。下周我将亲自接受测试,并要求我从头开始编写代码,所以我不能承受这样的误解。
最佳答案
这段代码确实有一个奇怪的地方。有 3 种方法可以链接 JS 和 HTML:
使用脚本标签:
<script> your script </script>
将 JS 写入另一个文件中,并使用以下命令将其链接到 HTML:
<script type="text/javascript" src="yourFile.js"></script>
将其与以下事件合并:
<div onclick='alert('Hello')'>click here</div>
我只是认为在教程中他们使用类似 JSBin 的东西来链接文件或将 JS 部分合并到 HTML 中,就像 http://codepen.io/ 上那样。例如。
希望这对您有帮助。
关于Javascript 在 HTML 中没有 script 标签的情况下工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32680987/