JavaScript 在HTML中的三种使用（引用）方法-W3CAPI 在线教程

JavaScript 在HTML中的三种使用（引用）方法

JavaScript 与 HTML

在以上章节中，我们已经知道 JavaScript的用途是：对网页行为进行编程，实现网页的人机交互性，那么它肯定要与HTML有一定的关系，要通过某种方法来进行关联；对于已经学习过CSS的开发者来说，我们已经了解到 HTML是通过一个标签<style>和 style属性来和CSS进行关联绑定；那么对于JavaScript来说，HTML的设计者也给我们提供了一个标签<script> 来实现和 JavaScript脚本的关联。

针对在HTML中使用JavaScript的方法，我们总结了，一共有三种方式来实现 JavaScript脚本和 HTML的关联绑定（对于这三种方法，我们在入门学习的时候可以只学习其中的一种内嵌式即可，因为我们在入门的时候不要一次性去了解太多的概念和特性，不利于我们对课程的持续学习）：

行内导入方式（不推荐，不安全）
内嵌式
外链式

<script> 标签：内嵌式用法

在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。
<script>标签可被放置在 HTML 页面的 <body> 和 <head> 部分中。
能够在 HTML 文档中放置任意数量的脚本，脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript脚本。

<h2>我的第一个 JavaScript脚本应用</h2>
<p id="demo"></p>

<script type="text/javascript">
    document.getElementById("demo").innerHTML = "hello JavaScript！";
</script>

执行一下

代码解释：

在HTML的 body标签内新建一个<script>标签来编写JavaScript脚本
使用 JavaScript脚本来实现编程入门第一课，在页面中动态显示“hello world！”（在这里我们不需要理解上面的代码。只需明白，浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码即可）
我们在实例中 <script>标签上使用了type属性：type="text/javascript"，表示这里的脚本是 JavaScript脚本。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。但是我们最好还是声明一下养成良好的代码编写习惯。

JavaScript

JavaScript 基础教程

JavaScript 在HTML中的三种使用（引用）方法

JavaScript 与 HTML

<script> 标签：内嵌式用法