JavaScript(一)基础

news2024/11/17 3:32:34

文章目录

一、JS介绍
- JavaScript是什么
- JavaScript书写位置
- JavaScript的注释
- 输入输出语法
- 字面量
二、变量
- 变量是什么
- 变量基本使用
- 变量的本质
- 变量命名规则与规范
- 变量拓展-数组
- var与let的区别
三、常量
四、数据类型
- 数据类型
- 检测数据类型
- 数据类型转换
- - 隐式转换
  - 显式转换
- 简单运算符
- 断点调试
- 数组类型
- - 数组操作
五、函数
- 函数使用
- 函数传参
- 函数返回值
- 匿名函数
六、对象
- 对象的理解
- 对象的定义与使用
- 对象的遍历
- 内置对象

一、JS介绍

JavaScript是什么

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果

作用
- 网页特效（监听用户的一些行为让页面做出反应）
- 表单验证（针对表单的合法性进行判断）
- 数据交互（获取后台数据，渲染前端）
- 服务端编程（node.js）

JavaScript组成
在这里插入图片描述

在这里插入图片描述

JavaScript书写位置

内部JavaScript
直接写在html文件里面，用script标签包住
规范：script标签写在</body>上面

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 内部js   -->
  <script>
    // 页面弹出弹框
    alert('你好')
  </script>
</body>

</html>

在这里插入图片描述
2. 外部js

3. 内联js

JavaScript的注释

在这里插入图片描述

输入输出语法

输出语法

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 文档输出内容
    document.write('我是div标签')
    document.write('<h1>我是h1标签</h1>')
    // 控制台打印
    console.log('控制台输出')
  </script>
</body>

</html>