JavaScript基础

文章目录

• 前言
• 一、JavaScript简介
• 二、引入方式
  • 1.通过<script>标签引入
  • 2.引入外部的JavaScript文件
  • 3.在HTML属性中直接引入
• 总结

---

前言

  JavaScript是学习脚本语言的首选。它兼容性好,绝大多数浏览器均支持JavaScript,而且它功能强大，入门简单，实现方便，即使是刚入门编程的新手也可以非常快速容易地使用 JavaScript进行编程。

---

一、JavaScript简介

1.基本概念

  JavaScript 是一种解释性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的、并具有安全性能的脚本语言。它与HTML（超文本标记语言）一起，在一个Web页面中链接多个对象，与Web客户端实现交互。无论在客户端还是服务器端，JavaScript应用程序都要下载到浏览器的客户端执行，从而减轻了服务器端的负担。

  总结其特点如下:
1.JavaScript主要用来向HTML页面中添加交互行为。
2. JavaScript是一种脚本语言，语法和C语言类似，属弱类型语言。
3.JavaScript一般用来编写客户端脚本。
4.JavaScript是一种解释型语言，边执行边解释。

2.组成部分

1.ECMAScript标准
2. 浏览器对象模型BOM
3.文档对象模型DOM

二、引入方式

1.通过<script>标签嵌入

  通过<script>JavaScript代码时，必须将代码放在<script type="text/javascript">和</script>标记对之间。这是最常见的方式，但这种方法通常适用于JavaScript代码较少，并且网站中的每个页面使用的JavaScript代码均不相同的情况。

代码实例：

浏览器中打开实例：

        

2.引入外部的JavaScipt文件

        当网页功能比较复杂，或通用代码（每个页面都适用）较多时，直接在<script>标签中嵌入JavaScript带啊吗会导致源代码页面杂乱，不易后期优化和修改。这时候，我们就可以使用外部的JavaScript文件。外部JavaScript文件将JavaScript写入一个外部文件中，以*.js为拓展名保存，然后将该文件指定给<script>标签中的“src”属性，这样就可以使用这个外部文件。这种方式与在网页中引用外部样式类似。

代码实例：

        hello.js的文件代码：

         test.html的页面代码：

3.在HTML属性中直接引入

        在HTML属性中直接引入JavaScript，指的是在元素的某一个属性中直接编写JavaScript程序或调用JavaScript函数，这个属性值的是元素的“事件属性”。

        代码实例：

        上面代码中，当单击“弹出消息框”按钮时，会弹出一条带有“hello world”的警告框。代码中onclick是鼠标单击的事件处理程序，当用户单击按钮时，就会执行后面的语句，alert()是一个函数，作用是想页面弹出一个“确认”按钮的警告框。

        浏览器中打开实例：

---

注释：

• script标签一般定义在head或body中

• Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点。

js执行的优先顺序按照在代码中的先后顺序执行。