JS函数、DOM文档对象模型知识点学习笔记

JS函数、DOM文档对象模型知识点学习笔记。全局函数：encodeURIComponent， decodeURIComponent编码解码，不能编码的有71种路径带参数时使用。

JS函数、DOM文档对象模型知识点学习笔记

• js函数创建方式
  • function 函数名（参数）{函数体；}
  • var 函数名 = function（参数） {函数体}
  • var 函数名 = new Function（参数、函数体）
• js函数参数问题
  • 参数无数据类型，调用时不用按照方法里的参数规定来
• js函数返回值问题
  • • 如果有返回值可以用return
    • 没有返回类型
    • 可以有返回值也可以没有,如果没有返回值就返回undefined
    • 注：js函数没有方法重载，可以用arguments模拟重载的效果
• 全局函数
  • encodeURI decodeURI编码解码，不能编码的有82种 路径不带参数是使用
  • encodeURIComponent， decodeURIComponent编码解码，不能编码的有71种 路径带参数时使用
  • 数值转换函数 parseInt() 整数,parseFloat()浮点数
  • isNaN() 判断是否是非数值 false 代表是数值的
  • eval() 直接将字符串转换成js代码
• js事件
  • 事件注册（绑定事件）方式
    • html事件属性绑定
    • dom分配事件
  • onclick 鼠标点击某个元素
  • onload代表页面或图片加载完后
  • onfoucus 获得焦点 onblur 失去焦点
  • 键盘操作 onkeydown onkeyup onkeypress
  • 鼠标操作 onmousedown onmouseup onmousemove onmouseout onmouseover
  • onchange用户改变域的内容 例如下拉框
  • onsubmit 表单提交了
• bom浏览器对象模型
  • window对象
    • 属性 opener返回对此创建窗口的窗口的引用
    • self返回对当前窗口的引用.
    • top 返回最顶层的先辈窗口
    • parent 返回父窗口
    • 方法 alert()
    • confirm 带确认取消的框 如果选择了确认返回true
    • prompt 可以提示用户输入的对话框 返回值是输入的信息
    • setinterval：每隔指定时间重复执行
    • setTimeout：指定时间执行一次
  • Navigator对象
  • Screen对象
  • Hostory对象
    • 包含用户访问过的url.
    • back()
    • forward()
    • go()
  • Location对象
    • 包含有关当前URL的信息
    • 属性 href 设置或返回完整的URL 作用:完成通过js进行跳转操作，动态超链接
• dom文档对象模型
  • dom简介
    • Dom document object model 即文档对象模型 Dom是html和xml的应用程序接口(API),dom将整个页面规划为由节点组成的文档 。我们可以通过dom提供的api来操作页面上的所有节点.
  • dom解析方式
    • XML DOM解析html
    • HTML DOM解析html
    • XML DOM和HTML DOM区别
      • html dom是xml html进行一些扩展，有的方法有一些共用，html dom 扩展之后语法比较简单，但是有可能出现浏览器兼容的问题。xml dom语法稍微复杂但是刽出现浏览器兼容的问题，但是现在浏览器版本都比较高，出现兼容性问题相对较少
  • 节点分类
    • document：文档
    • Element：元素节点
    • Text：文本节点
    • Attribute：属性节点
  • 节点与节点之间的关系
    • parentNode 获取父节点
    • childNodes 获取所有的子节点，返回的是一个节点数组
    • firstChild 获取第一个子节点
    • lastChild 获取最后一个子节点
    • nextSibling 获取下一个兄弟节点
    • previousSibling 获取上一个兄弟节点。
  • JavaScript操作Dom的API
    • 获取节点
    • 改变节点
    • 删除节点
    • 创建节点
    • 添加节点
    • 克隆节点
    • 注意：知道API的功能可以做增删改查操作，具体方法名称不用死记硬背，通过api都查询到