Question

我第一次学习Javascript，并使用w3resource.com的在线教程帮助我理解基础知识。

我在教程中看到了一些我不理解的事情，但我无法知道教程是误导我还是我缺少的东西。

基本上，它是打印日期和时间的小程序。我正在展示HTML和JS，以便我可以看到它是如何工作的。根据我读过的关于JS的内容，HTML需要一个＆＃34;脚本＆＃34;标记，以便它知道合并JS。但是，我没有看到教程中使用的标记。这是否意味着该教程误导了我关于什么是正确的协议，或者是否存在将JS嵌入HTML而没有＆＃34;脚本＆＃34;标签？

以下是我的展示内容：

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而没有标签我会很感激。我将在下周亲自对此进行测试，我将被要求从头开始编写代码，因此我无法承受这样的误解。

Answer 1

这段代码确实很奇怪。有三种方法可以链接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/上的例子一样。

我希望这会对你有所帮助。

Answer 2

你是完全正确的。 HTML需要一些指示什么是脚本以及什么是HTML。脚本可以内嵌在这样的标签中：

<script type="text/javascript">
    var loc = window.location;        
</script>

或没有类型标签

<script>
    var loc = window.location;        
</script>

请注意，在大多数情况下，您不需要指定语言，因为默认值通常是JS。

此外，您可以使用外部文件（同样，类型通常是可选的，但在那里不会受到伤害）：

<script type="text/javascript" src="/js/myScript.js"></script>

在您引用的教程中，他们跳过了向您显示放置js的位置的步骤。这通常是因为他们想让您决定是在内联还是在单独的文件中使用它。此外，许多像JS Bin这样的工具只是向您展示了不同类型的内容（css，js，html），而没有向您展示它们如何链接在一起。他们还经常跳过任何框架依赖关系的样式标签和脚本标签，因为他们试图让读者保持简单。

也就是说，如果保持简单会让用户的生活变得更加艰难，那么在教程和演示环境的设计中可能会出现一些错误......

希望这有帮助！

Answer 3

他们正在使用JS Bin（将为您插入脚本元素）来托管演示。

Javascript在HTML中没有脚本标记吗？

3 个答案: