资讯教程
首先,让我们看看如何将脚本添加到网页上。对于服务器端环境(如 Node.js),你只需要使用诸如 "node my.js" 的命令行来执行它。
IT热点新闻
JavaScript基础教程:初识JavaScript
来源:易牛云朗沃
  |  
发布时间:2022-04-23 17:46
  |  
关键词:web前端基础教程
  |  
阅读量:

本教程的这一部分内容是关于 JavaScript 语言本身的。

首先,让我们看看如何将脚本添加到网页上。对于服务器端环境(如 Node.js),你只需要使用诸如 "node my.js" 的命令行来执行它。

“script” 标签

我们几乎可以使用 <script> 标签将 JavaScript 程序插入到 HTML 文档的任何位置。

比如:

web前端基础教程

你可以通过点击右上角的“播放”按钮来运行这个例子。

<script> 标签中包裹了 JavaScript 代码,当浏览器遇到 <script> 标签,代码会自动运行。

现代的标记(markup)

<script> 标签有一些现在很少用到的特性(attribute),但是我们可以在老代码中找到它们:

type 特性:<script type=…>

在老的 HTML4 标准中,要求 script 标签有 type 特性。通常是 type="text/javascript"。这样的特性声明现在已经不再需要。而且,现代 HTML 标准已经完全改变了此特性的含义。现在,它可以用于 JavaScript 模块。但这是一个高阶话题,我们将在本教程的另一部分中探讨 JavaScript 模块。

language 特性:<script language=…>

这个特性是为了显示脚本使用的语言。这个特性现在已经没有任何意义,因为语言默认就是 JavaScript。不再需要使用它了。

脚本前后的注释。

在非常古老的书籍和指南中,你可能会在 <script> 标签里面找到注释,就像这样:

web前端基础教程

现代 JavaScript 中已经不这样使用了。这些注释是用于不支持 <script> 标签的古老的浏览器隐藏 JavaScript 代码的。由于最近 15 年内发布的浏览器都没有这样的问题,因此这种注释能帮你辨认出一些老掉牙的代码。

外部脚本

如果你有大量的 JavaScript 代码,我们可以将它放入一个单独的文件。

脚本文件可以通过 src 特性(attribute)添加到 HTML 文件中。

web前端基础教程

这里,/path/to/script.js 是脚本文件从网站根目录开始的绝对路径。当然也可以提供当前页面的相对路径。例如,src ="script.js",就像 src="./script.js",表示当前文件夹中的 "script.js" 文件。

我们也可以提供一个完整的 URL 地址,例如:

web前端基础教程

要附加多个脚本,请使用多个标签:

web前端基础教程

web前端基础教程

web前端基础教程

总结

我们可以使用一个 <script> 标签将 JavaScript 代码添加到页面中。

type 和 language 特性(attribute)不是必需的。

外部的脚本可以通过 <script src="path/to/script.js"></script> 的方式插入。

有关浏览器脚本以及它们和网页的关系,还有很多可学的。但是请记住,教程的这部分主要是针对 JavaScript 语言本身的,所以我们不该被浏览器特定的实现分散自己的注意力。我们将使用浏览器作为运行 JavaScript 的一种方式,这种方式非常便于我们在线阅读,但这只是很多种方式中的一种。

点击知道更多编程知识

文章来源于网络