HTML Dog
跳至导航

让事情发生

有几种尝试 JavaScript 的方法,在学习时最好尝试一下,看看哪种适合你。但首先,JavaScript 与 HTML 和 CSS 是什么关系?

HTML、CSS 和 JavaScript

大多数情况下,JavaScript 与 HTML 和 CSS 一起在你的网页浏览器中运行,并且可以使用 `script` 标签添加到任何网页中。`script` 元素可以直接包含 JavaScript(内部),或者通过 `src` 属性链接到一个外部资源(外部)。

浏览器然后逐行运行 JavaScript,从文件或 `script` 元素的顶部开始,到底部结束(除非你指示它去别处)。

内部

你可以直接将 JavaScript 放在 `script` 元素内部


<script>
    alert("Hello, world.");
</script>

外部

外部 JavaScript 资源是一个带有 .js 扩展名的文本文件就像带有 .css 扩展名的外部 CSS 资源一样

要将 JavaScript 文件添加到你的页面,你只需要使用一个带有指向文件的 src 属性的 script 标签。所以,如果你的文件名为 script.js 并且与你的 HTML 文件位于同一目录,你的 `script` 元素会像这样


<script src="script.js"></script>

控制台

最后一种方法非常适合获得即时反馈,如果你只想快速尝试一行代码,建议使用它。

在现代浏览器中,你会找到一些开发者工具——通常你可以右键单击页面,然后点击“检查元素”来打开它们。找到控制台,你就可以输入 JavaScript,按回车键,它就会立即运行。

如果你找不到你的开发者工具或控制台,请上网搜索——它们在不同浏览器中会不断变化。

我们开始吧!

入门的最佳方式是内部方法。你可以修改 `script` 元素的内容,然后像往常一样刷新页面——快速而简单。

现在是学习 JavaScript 的时候了。祝你好运!