JavaScript:
JavaScript 是 web 开发者必学的三种语言之一:
- HTML 定义网页的内容
- CSS 规定网页的布局
- JavaScript 对网页行为进行编程
什么是 js:
js 是前端的核心,能够操控和重新调整 DOM。通过修改 DOM 结构,来达到修改页面效果的目的。
js 常用三个弹出框:
alert :警告消息框;
confim:确认消息框;
prompt:提示消息框;
事件:
事件是 可以被控件识别的操作。
js 的变量:
- 规则: 数字、字母下划线组成,不能以数字开头。
- 声明方法:var 变量名 (先声明,后读写,先赋值,后运算)
- 作用域:
- 全局变量:函数外部声明,或函数内部声明时不加 var,在函数内部外部都可以使用。一般程序结束或代码明确删除才会释放
- 局部变量:函数内部声明的变量,只能在函数内部使用,一般在函数结束后便会自动释放
- 作用优先级:局部变量>参数变量>全局变量
- 类型转换:
typeof 检测数据类型: 1. 主要数据类型:string、boolean、number 2. 特殊类型:undefined、null 3. 复合类型:function、object
- 隐式转换: (== ===);
- 强制转换:parseInt、parseFloat、Number;
运算符:
- 算数:+、 - 、_、 /、 % 、 +=、 -=、 _=、 /=、%=
- 关系:== > < >= <= ===
- 对象: 1. in(在不在某个数组数组或对象中) 2. instancesof 判断是否属于某个类 3. new 创建一个对象 4. . [] 存取元素 5. delete 删除元素 6. () 调用
-
逻辑:&&(逻辑与)、 (逻辑或)、 !(逻辑非) - 位
- 其他:三元运算符
js 流程语句:
- 循环语句: 1. whille: 2. dowhile: 3. for: 4. for-in 2. 跳转语句: 1. return 2. break 3. continue 3. 选择语句: 1. if 2. switch 4. 异常处理语句: 1. throw 2. try 3. catch 4. finally
闭包:
闭包就是能够读取其他函数内部变量的函数,使得函数不被 GC(垃圾收集器)回收,如果过多使用闭包,容易导致内存泄露。
添加|删除|替换|插入到某个节点的方法:
-
创建新节点
- createElement()//创建一个具体元素
- creatTextNode()//创建一个文本节点
- 添加、移除、替换、插入
- appendChild() //添加
- removeChild() //移除
- replaceChild() //替换
- insertBefore() //插入
- 查找
- getElementByTagName() //通过标签名名称查找(一般会有多个)
- getElementByName() //通过严肃的 Name 属性值查找(也会有多个)
- getElementById() //通过 id 属性值查找,只有一个(因为 id 唯一)
javaScript 事件流:
冒泡事件:多个事件同时触发,从最特定的事件到最不特定的事件依次触发
捕获事件:与冒泡相反,从最不特定的事件到最特定的事件依次触发
2019-8-23复习:
js 文件导入
<script src="导入地址"> 注意:导入js文件的这个标签内不要写js代码,写了也没用</script>
js代码输入
<script > js代码</script>
在html标签中 使用js事件属性
注释: 单行 // 多行// 注意:不能嵌套 文本注释 / */ 注意:不能嵌套
变量: var +变量名 声明(数字,字母,下划线) 不区分大小写
运算符: 算数运算符 + - * / % ++ – 赋值运算符 == === > < >= <= != !== 逻辑运算符 && || ! 数据类型:(be so fun 好有趣)
be: boolean s :string o: object f: function u: undefined n:number
数值类型: 0b或0B 二进制 0x或0X 十六进制 0o或0O 八进制
变量转换: Number()/parseInt()/parseFloat() Boolean() Function() String() Object() undefined()直接赋值
+在js中也有连接的作用 ,优先级高于算数运算
本文由 倪建成学习时 编辑,只是普通笔记。若是对你有用,可以自行转载
最后编辑时间为:2019-07-23 00:00:00