Javascript 在 HTML 中没有 script 标签的情况下工作?

标签 javascript html tags

我是第一次学习 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/

相关文章:

javascript - 为什么 node.js 进程占用的内存比分配的多

javascript - $http.post (angularjs) 中的未定义函数 : . 成功

javascript - 如何智能地将文本 block 分成段落?

objective-c - iOS:标记错误

forms - 如何让 Flutter 用户在 FormBuilderTextField(Flutter Form Builder 包)中输入标签?

javascript - jsonpCallback parseResponse 不是 geoserver 的函数

javascript - 将字符串从本地存储转换回数组

javascript - JS 脚本应该放在 HTML 文件中的什么位置?

javascript - 如何更改 HTML Canvas 中每个数组元素的不透明度

javascript - Google 跟踪代码管理器中 dataLayer 的顺序重要吗?