JavaScript入门【JavaScript专题1】，怒斩获了30家互联网公司offer

最新推荐文章于 2024-06-16 18:09:06 发布

2401_83977569

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量808

点赞数 17

分类专栏： 2024年程序员学习文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2401_83977569/article/details/137230193

版权

2024年程序员学习专栏收录该内容

191 篇文章 0 订阅

订阅专栏

Click Me

上面的示例将向您显示单击按钮元素时的警报消息。

**提示：**您应该始终将网页的内容和结构（即 HTML）与表示 (CSS) 和行为 (JavaScript) 分开。

脚本在 HTML 文档中的定位

该<script>元素可以放置在HTML 文档的<head>、或<body>部分中。但理想情况下，脚本应该放在 body 部分的末尾，就在结束</body>标记之前，这将使您的网页加载速度更快，因为它可以防止初始页面呈现的障碍。

每个<script>标签都会阻止页面渲染过程，直到它完全下载并执行了 JavaScript 代码，因此将它们<head>无任何正当理由放置在文档的头部部分（即元素）将显着影响您的网站性能。

**提示：**您可以<script>在单个文档中放置任意数量的元素。但是，它们是按照它们在文档中出现的顺序从上到下进行处理的。

客户端和服务器端脚本之间的区别

客户端脚本语言如 JavaScript、VBScript 等由 Web 浏览器解释和执行，而服务器端脚本语言如 PHP、ASP、Java、Python、Ruby 等在 Web 服务器上运行并输出以 HTML 格式发送回 Web 浏览器。

与传统的服务器端脚本方法相比，客户端脚本有许多优点。例如，您可以使用 JavaScript 检查用户是否在表单字段中输入了无效数据，并在将表单提交到 Web 服务器以进行最终数据验证和进一步处理之前，实时显示相应的输入错误通知，以防止不必要的网络带宽使用和服务器系统资源的利用。

此外，与客户端脚本相比，来自服务器端脚本的响应速度较慢，因为服务器端脚本是在远程计算机上而不是在用户的本地计算机上处理的。

Hello, world！

========================================================================

本教程的这一部分是关于核心 JavaScript，即语言本身。

但是我们需要一个工作环境来运行我们的脚本，而且由于本书是在线的，浏览器是一个不错的选择。我们会将特定于浏览器的命令（例如alert）的数量保持在最低限度，这样如果您打算专注于另一个环境（例如 Node.js），就不会在这些命令上花费时间。在本教程的下一部分，我们将重点介绍浏览器中的 JavaScript 。

首先，让我们看看如何将脚本附加到网页上。对于服务器端环境（如 Node.js），您可以使用类似"node my.js".

“脚本”标签

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

例如：

Before the script...

...After the script.

该<script>标签包含当浏览器处理标签，其被自动执行JavaScript代码。

现代标记

该<script>标签具有很少采用时下，但仍可以在旧代码中发现了几个属性：

该type属性：<script type=…>

旧的 HTML 标准 HTML4 要求脚本具有type. 通常是type="text/javascript"。它不再需要了。此外，现代 HTML 标准完全改变了该属性的含义。现在，它可以用于 JavaScript 模块。但这是一个高级主题，我们将在教程的另一部分讨论模块。

该language属性：<script language=…>

此属性旨在显示脚本的语言。此属性不再有意义，因为 JavaScript 是默认语言。没有必要使用它。

脚本前后的注释。

在真正古老的书籍和指南中，您可能会在<script>标签中找到注释，如下所示：<script type="text/javascript"></script>这个技巧在现代 JavaScript 中没有使用。这些注释对不知道如何处理<script>标签的旧浏览器隐藏了 JavaScript 代码。由于过去 15 年发布的浏览器没有这个问题，这种注释可以帮助您识别真正的旧代码。

外部脚本

如果我们有很多 JavaScript 代码，我们可以把它放到一个单独的文件中。

脚本文件通过以下src属性附加到 HTML ：

这里，/path/to/script.js是从站点根目录到脚本的绝对路径。还可以提供当前页面的相对路径。例如，src="script.js"表示"script.js"当前文件夹中的一个文件。

我们也可以提供完整的 URL。例如：

要附加多个脚本，请使用多个标签：

…

请注意：

通常，只将最简单的脚本放入 HTML。更复杂的文件驻留在单独的文件中。

单独文件的好处是浏览器将下载它并将其存储在其缓存中。

引用相同脚本的其他页面将从缓存中获取它而不是下载它，因此该文件实际上只下载一次。

这减少了流量并使页面更快。