W3CAPI 在线教程 | 菜鸟教程_LOGO
文档目录
文档目录
我的书签
 

JavaScript

JavaScript 基础教程

JavaScript是一门Web编程语言,用来实现网页的交互功能,它和HTML、CSS共同组成了个Web开发的基础工具集合,也是前端开发者必备的技能;学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念,让我们能够更加快速的去开发Web应用。

W3CAPI
1
2020-06-18 07:05:48

JavaScript 在HTML中的三种使用(引用)方法

JavaScript 与 HTML

在以上章节中,我们已经知道 JavaScript的用途是:对网页行为进行编程,实现网页的人机交互性,那么它肯定要与HTML有一定的关系,要通过某种方法来进行关联;对于已经学习过CSS的开发者来说,我们已经了解到 HTML是通过一个 标签<style>和 style属性 来和CSS进行关联绑定;那么对于JavaScript来说,HTML的设计者也给我们提供了一个 标签<script> 来实现和 JavaScript脚本的关联。
针对在HTML中使用JavaScript的方法,我们总结了,一共有三种方式来实现 JavaScript脚本和 HTML的关联绑定(对于这三种方法,我们在入门学习的时候可以只学习其中的一种内嵌式即可,因为我们在入门的时候不要一次性去了解太多的概念和特性,不利于我们对课程的持续学习):
  1. 行内导入方式(不推荐,不安全)
  2. 内嵌式
  3. 外链式

<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 中的默认脚本语言。但是我们最好还是声明一下养成良好的代码编写习惯。
相关提问
敬请期待