菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: js01-彭婉嘉-0511 [打印本页]

作者: 鱼小仙 时间: 2023-5-12 16:18
标题: js01-彭婉嘉-0511
js基础：js的基本语法，我们学习的这些东西只能做一些数学运算
js的三个构成部分
      ECMAScript:语法规范
         不同的版本
               ES3
               ES4 - 从未发布过。
               ES5
               ES6 - ECMAScrit6 - ECMAScrit2015 - 重大的改变
            ES7 - ECMAScrit7 - ECMAScrit2016 - 往后的版本就是一些很小的更新

      DOM
         API

      BOM

web三层
      结构层 HTML
      样式层 CSS
      行为层（交互层）

创建方式
      行内
      内联
      外链（推荐使用）

变量
      var
      let（ES6中新增的）
         块作用域 {}
         不存在提升
         不能重复定义

      const（ES6中新增的）
         常量

规范
      变量是由数字、字母、_、$构成的
         不能以数字开头
         不推荐使用中文
         使用有语义的英文单词
         驼峰命名法:lastName
         关键字、保留字不要去使用

为假的情况
      0
      ''  空字符串
      null
      undefined
      NaN
      false

函数 js学习的核心
      相同代码块的封装
      创建方式
         function fn(a,b){}  函数声明式
         let fun = function(){} 函数表达式
         new Function() 构造函数方式

      参数
         形参
         实参

      返回值 return
         结束函数的执行
         返回值
         后面继续拓展

数据类型
      简单（基本）数据类型
         Number
         String
         Boolean
         null
         undefined

      复杂（引用、地址、对象）数据类型
         Object
         Array
         Function

获取元素的方法
1、使用它的id获取
getElementById(id) 返回值，就是这个元素对象，它具有唯一性
例
image
2、使用它的class获取它
getElementsByClassName(class) 返回值，就是这些元素对象的集合
例
image
3、使用它的标签名获取它
getElementsByTagName(tagname) 返回值，就是这些元素对象的集合
例
image
4、querySelector(css选择器)
注意：只会获取到符合结果的第一个
例
image
5、querySelectorAll(css选择器)
注意：结果是NodeList，获取其中的某一个要使用下标
修改元素的样式
通过style属性添加的样式是行内样式 - 优先级高
特殊元素

添加多个样式的操作
innerHTML属性
可读
      console.log(div.innerHTML)
      console.log(div.innerText)

可写
      div.innerHTML = '张三四'
      div.innerText = '张三四'

例

事件的基本使用
js是由事件驱动的
事件的绑定（注册）
事件的三要素
      事件源
      事件类型 onclick点击事件
      执行的处理程序

例

模板字符串
ES6中新增加的语法：模板字符串
`XXXXXX,XX${变量},XXXXXXX`
例

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)