JavaScript介绍

简介

(1) JavaScript概述

JavaScript是一个基于对象的、事件驱动的、跨平台的、解释型的编程语言

什么是编程语言？

电脑只认得二进制数，不能识别高级语言，所以我们要转化成电脑认识的机器语言。

编程语言就是指令 告诉计算机应该做什么。

HTML标记语言：使用特定的、固定的标记/标签，包裹/储存一部分内容

特征：标记性语言的特点，就是给数据进行标记的

JavaScript编程语言：使用特定的语法、固定的执行逻辑，处理一件事情

特征：编程语言的特点，可以执行数据运算

(2)JavaScript特点

JavaScript特点：基于对象、事件驱动、跨平台、解释型

• 基于对象：JavaScript语言中提供了大量的对象可以直接使用，提高程序开发效率

• 事件驱动：语言可以让项目和用户的操作(敲击键盘，点击鼠标...)之间产生一些良好的交互

• 跨平台：不同的操作系统上都可以直接使用

• 解释型：编程语言可以写多行，逐行解释执行

解释型语言和编译型语言的区别

编译型语言：先编译，成为一个特定的文件，再预处理，编译，汇成一个二进制，运行代码时运行的是二进制文件，执行速度快；有利于保护源代码；运行时可脱离编译环境。

解释型语言：不用对源代码编译，解释器载入脚本后运行，执行时在翻译，每执行就要编译一次，兼容性好。

(3)引入JavaScript

①行内js代码

编写简单的js代码，可以直接写在标签的事件中，当标签的事件发生操作时执行代码

注意：使用较少

记忆：类似行内样式

 <button οnclick="alert("行内代码")">
     点击按钮
 </button>

②内嵌js代码

编写复杂的js代码，放在html网页中的script标签中使用，当打开网页时就会自动执行script标签中的代码

注意：使用较为频繁，掌握它的编写格式

记忆：类似页面内嵌样式

 <script>
      alert("这是一个页面内嵌的js代码，尽量写在body末尾")
 </script>

易错点：

script可以写在任意位置，也可以任意写多个，建议写在body标签的末尾(可以是内部也可以是外部)，页面内容加载完成后，在渲染执行js代码，不影响页面加载性能

③外链js代码

一个成熟的 HTML 网页中，尽量让网页中只包含HTML标签、