JavaScript知识点

32 阅读2分钟

1.由三部分组成
ECMAScript:JS 的书写语法和书写规则
DOM:JS 操作文档流发生变化的属性和方法
BOM:JS 操作浏览器发生变化的属性和方法

2.

行内式
直接把代码书写在标签身上
a标签:书写在 href 属性上 <a href="javascript: JS代码 ;">点我一下</a>
非a标签:书写在行为属性上<div onclick=" alert('hello world') ">点我一下</div>

内嵌式
把代码书写在一个 script 标签对内 内嵌式 JS 代码, 不需要依赖任何行为, 打开页面就会执行
外链式
把代码书写在一个 .js 文件内 外链式 JS 代码, 不需要依赖任何行为, 打开页面就会执行 使用 script 标签的 src 属性引入指定 JS 文件

3.Array数组
创建:var arr = [ 100, 200, 300, 400, 500 ]
排列:索引 : 从 0 开始, 依次 + 1
长度操作:访问 : 数组.length ;设置 : 数组.length = 数字
数据操作:访问 : 数组[索引];设置 : 数组[索引] = 值
遍历:利用循环进行遍历, 开始为 0, 结束为 小于长度, 步长为 1 使用循环控制变量当做索引来访问数组里面的每一个数据

4.操作数组的快捷方法
push() 从后面追加; pop()从后面删除
unshift()从前面添加; shift()从前面删除
reverse()反转数组; splice()截取并添加
sort()数组排列; join()数组连接为字符串
concat()拼接数组; slice()截取数组
indexOf()查找数据在数组中的索引

5.splice()
语法 : 数组.splice( 开始索引, 多少个, 要插入的数据)
开始索引 : 默认是 0
多少个 : 默认是 0
要插入的数据 : 默认是 没有
作用 : 删除 数组中若干数据, 并选择是否 插入 新的数据
返回值 : 以新数组的形式返回被删除的数据

6.join()
语法 : 数组.join( 连接符 )
作用 : 将数组用 连接符 连接成为一个字符串
返回值 : 连接好的字符串

7.concat()
语法 : 数组.concat(其他数组)
作用 : 将其他数组和数组 拼接 在一起
返回值 : 拼接好的 新数组

8.slice()
语法 : 数组.slice( 开始索引, 结束索引 )
开始索引 : 默认是 0
结束索引 : 默认是 数组长度
作用 : 截取 数组中的某些数据
返回值 : 以 新数组 的形式返回截取出来的数据

9.indexOf()
语法 : 数组.indexOf( 数据 )
作用 : 查找 数据 在数组中的 索引 位置
返回值:有该数据, 返回 第一次出现 的索引位置
没有该数据, 返回 -1

  1. JavaScript对象
    创建:var obj = { hair: ‘稀疏', eye: ‘近视' }
    操作:
    增:对象名.键 = 值or对象名['键'] = 值
    删:delete 对象名.键or delete 对象名['键']
    改:对象名.键 = 值 or 对象名['键'] = 值
    查:对象名.键 or 对象名['键']