HTML---JavaScript基础

文章目录

• 目录

  文章目录

  本章目标

  一.JavaScript基础

  概述

  特点

  JavaScript 基本机构

  语法 

   网页中引用JavaScript的方式

  二. JavaScript核心语法

   变量

  ​编辑

   数据类型

  数组 

  练习

---

本章目标

• 掌握JavaScript的组成
• 掌握JavaScript的基本语法
• 会定义和使用函数
• 会使用工具进行代码调试

---

一.JavaScript基础

概述

JavaScript是一种基于对象和事件驱动的脚本语言，用于在网页上实现交互和动态效果。它是一种客户端脚本语言，意味着它运行在用户的计算机上，而不是在服务器上。JavaScript可以与HTML和CSS配合使用，使网页更加动态和丰富。

特点

• 向HTML页面中添加交互行为
• 脚本语言，语法和JAVA类似
• 解释性语言，边执行边解释

JavaScript 基本机构

语法 

 调用对象

语法：

对象.方法名();

案例 

 document.write("这是JS基础！");代表：调用对象(当前文件)，执行方法(写入)"这是JS基础！"语句，因此上述代码等价于在当前html文件写中写入语句。

执行方法同样会执行标签，效果如下图。

 网页中引用JavaScript的方式

二. JavaScript核心语法

 变量

JavaScript中的变量可以存储不同类型的值，包括数字、字符串、布尔值、对象等。变量的值可以根据需要随时更改。

当我们用到某个数据时，可以将该数据存入变量中再引用该变量，无需重复写入该数据。

 案例

 数据类型

typeof运算符

 案例：

 String数据类型

 在JavaScript中，string（字符串）类型用于存储和操作文本数据。

案例1：

string.length:返回对应字符串的长度。

案例2：

string.charAt(index):返回指定位置的字符       注：计算机从0开始计数

案例3

indexOf(str, index)：查找指定的字符串在字符中首次出现的位置。

案例4

substring(index1, index2):f返回区间 [index1,index2) 之间的字符

boolean数据类型

数组 

案例：

---

练习