0

    如何将 JavaScript 代码添加到网页中,以及 script 标签的属性

    2023.07.27 | admin | 126次围观

    Hello, world!

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

    但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的js上传图片到项目服务器上,所以浏览器是一个不错的选择。我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了。我们将在本教程的下一部分中专注于浏览器中的 JavaScript。

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

    “script” 标签

    JavaScript 程序可以在 的方式插入。

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

    作业题

    1. 显示一个提示语

    重要程度:⭐️⭐️⭐️⭐️⭐️

    创建一个页面,然后显示一个消息 “I'm JavaScript!”。

    在沙箱中或者在你的硬盘上做这件事都无所谓,只要确保它能运行起来。

    你可以先看一下 新窗口的演示结果[2]。

    在微信公众号「技术漫谈」后台回复 1-2-1 获取本题答案。

    2. 使用外部的脚本显示一个提示语

    重要程度:⭐️⭐️⭐️⭐️⭐️

    打开题目 1 的答案。将答案中脚本的内容提取到一个外部的 alert.js 文件中,放置在相同的文件夹中。

    打开页面,确保它能够工作。

    你可以先看一下 新窗口的演示结果[3]。

    在微信公众号「技术漫谈」后台回复 1-2-1 获取本题答案。

    现代 JavaScript 教程:开源的现代 JavaScript 从入门到进阶的优质教程。React 官方文档推荐,与 MDN 并列的 JavaScript 学习教程[4]。

    在线免费阅读:

    参考资料

    [1] 缓存:

    [2] 新窗口的演示结果:

    [3] 新窗口的演示结果:

    [4] React 官方文档推荐js上传图片到项目服务器上,与 MDN 并列的 JavaScript 学习教程: #javascript-resources

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论