JS基础教程：2023.3.13第十五天-JavaScript web APIs的使用

前言

记录时间：2023.3.13

坚持的第十五天

JavaScript从入门到精通

学习javascript时间历程记录打卡

晚上8:00到22：00

JS基础web APIs总结

完成代码练习

1.数据类型存储

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let num1 = 10
    let num2 = num1
    num2 = 20
    console.log(num1) // 结果是？


    let obj1 = {
      age: 18
    }
    let obj2 = obj1
    // 修改属性
    obj2.age = 20
    console.log(obj1.age)
  </script>
</body>

</html>

2.复习

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // let obj = {name: 'andy'}
    // let obj = new Object()
    // let obj = {}
    // let num = 10
    // num.age = 20
    // console.log(num)
    // let obj.name = 'andy'
    let arr = ['red', 'green']
    // 1.删除 数组.splice(起始位置, 删除个数)
    // arr.splice(1, 1)
    // console.log(arr)  // splice 修改原来数组
    // 2. 添加  数组.splice(起始位置, 删除个数, 添加的元素)
    // 把 pink 放到 red 和 green中间   
    // 起始位置 要放到的索引号位置
    // arr.splice(1, 0, 'pink')
    arr.splice(1, 0, 'pink', 'hotpink')
    console.log(arr)
  </script>
</body>

</html>

3.letorconst

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const arr = ['red', 'pink']
    // arr.push('blue')
    // console.log(arr)
    // arr = [1, 2, 4]
    // console.log(arr)  // 错误
  </script>
</body>

</html>

4.dom对象

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div>123</div>
  <script>
    const div = document.querySelector('div')
    // 打印对象
    console.dir(div)  // dom 对象
  </script>
</body>

</html>

文章版权归作者所有，未经允许请勿转载。

THE END