JavaScript详解

目录

 一、什么是JavaScript？

二、JavaScript的引入方式

 三、JavaScript的基础语法

3.1 书写语法

3.2 输出语句 

3.3 变量

3.4 数据类型

3.5 运算符

3.6 流程控制语句

 3.7 函数

 四、JavaScript对象

 4.1 Array对象

4.2 String对象

4.3 自定义对象

五、BOM对象

5.1 window对象

5.2 history对象

5.3 location对象

六、DOM对象

七、事件监听

八、案例——表单验证

 九、正则表达式

 一、什么是JavaScript？

JavaScript是一门跨平台、面向对象的脚本语言（不需要编译，直接解释运行即可），来控制网页的行为，它能使网页可交互

W3C标准：网页主要由三部分构成

• 结构：HTML
• 表现：CSS
• 行为：JavaScript

JavaScript和Java是完全不同的语言，不论是概念还是设计。但是在基础语法上类似。

JavaScript（简称：JS）在1995年由Brendan Eich发明，并于1997年成为一部ECMA标准。

ECMAScript 6（ES6）是最新的JavaScript版本（发布于2015年）

二、JavaScript的引入方式

内部脚本：将JS代码定义在HTML页面中

在HTML中，JavaScript代码必须位于与标签之间

提示： 

•  在HTML文档中可以在任意地方，放置任意数量的

  注意：

  1. 外部文件不能包含

   三、JavaScript的基础语法

  3.1 书写语法

  1. 区分大小写：与Java一样，变量名、函数名以及其他一切东西都是区分大小写的
  2. 每行结尾的分号可有可无
  3. 注释：单行注释：//注释内容   多行注释： 
  4. 大括号表示代码块

     if(count == 3){    alter(count);} 

  3.2 输出语句 

   3.3 变量   

   3.4 数据类型

  3.5 运算符

   3.6 流程控制语句

  • if判断
  • switch选择
  • for循环
  • while循环
  • do...while循环

   3.7 函数

   四、JavaScript对象

   4.1 Array对象

  4.2 String对象

  trim():去除字符串前后两端的空白字符

  4.3 自定义对象

  五、 BOM对象

  5.1 window对象

  5.2 history对象

  5.3 location对象

  六、 DOM对象

   

  修改 img 对象的 class="lazy" data-src 属性来改变图片 

   style:设置元素css样式
   innerHTML：设置元素内容

  通过将 复选框（checkbox） 元素对象的 checked 属性值设置为 true 来改变复选框的选中状态

   七、事件监听

   八、案例——表单验证

   HTML源代码：

              
  来源地址：https://blog.csdn.net/weixin_48373085/article/details/128750402