JavaScript_Bom、Dom

1、常用的系统函数

parseInt(“字符串”)：将字符串转换为整型数字，如: parseInt (“86”)将字符串“86”转换为整型值86。parseFloat(“字符串”)：将字符串转换为浮点型数字，如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45。isNaN()：用于检查其参数是否是非数字。setTimeout：在指定的毫秒数后调用函数或计算表达式一次。setInterval：按照指定的周期（以毫秒计）来调用函数或表达式（无限次）。自定义函数调用一般和表单元素的事件一起使用，调用格式：事件名＝“函数名( )" ;

2、BOM和DOM

使用location和history对象完成页面特效DOM的根对象是BOM的window对象的子对象。使用getElementByID()、getElementsByName()、getElementsByTagName()方法访问DOM元素使用display样式属性控制元素的隐藏和显示

3、window对象

• 常用的方法：

  prompt() 显示可提示用户输入的对话框
  alert() 显示带有一个提示信息和一个确定按钮的警示框
  confirm() 显示一个带有提示信息、确定和取消按钮的对话框
  close() 关闭浏览器窗口
  open() 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
  setTimeout() 在指定的毫秒数后调用函数或计算表达式
  setInterval() 按照指定的周期（以毫秒计）来调用函数或表达式
  screen 有关客户端的屏幕和显示性能的信息
  history 有关客户访问过的URL的信息
  location 有关当前 URL 的信息

• history对象常用方法：

  back()方法加载历史列表中的前一个 URL。后退
  forward()方法加载历史列表中的下一个 URL。前进
  go()：history.go(1)前进、history.go(0)刷新、history.go(-1)后退

  location对象常用属性和方法：

  href属性设置或返回当前页面的 URL。
  reload()方法刷新当前页面。

注：JS的DOM编写，就是通过W3C标准获取网页元素,获取元素中文本我是超链接,获取元素的属性

4、DOM W3C定义的一套访问和操作XML文档的标准接口（API）

Core DOM    JS实现的标准DOM方法和属性（核心DOM），适用于各种结构化文档。XML DOM     专用于XML文档HTML DOM    专用于HTML文档   html特有的方法和属性

5、xml和html的区别

xml是html的超级，html是xml的子集。html是定型标记语法，内部标记的作用和结构都是固定的。xml是没有固定标记的，所有标签标示的内容自定义。

6、Core DOM常用方法。

getAttribute('属性名')setAttribute('属性名','属性值')

7、根据层次结构查找节点属性

• 获取节点

  parenNode
  firdtChild
  lastChild
  nextSibing 下一个兄弟节点
  previousSibing 前一个兄弟节点
  注意：除IE外 大部分浏览器会将回车和空格识别为文本节点。解决：coreDom.js

• 创建和增加节点方法：

  *createElement（）：创建节点
  *appendChild（）：末尾追加方式插入节点
  *insertBefore（）：在指定节点前插入新节点
  *cloneNode（）：克隆节点

• 删除和替换节点的方法：

  *removeChild( ) ：删除节点
  *replaceChild( ) ：替换节点

  function delNode(){  var dNode=document.getElementById("sixty1");    document.body.removeChild(dNode);       }function repNode(){  var oldimage=document.getElementById("sixty2");    var newimage=document.createElement("img");          newimage.setAttribute("src","images/replace.jpg");     document.body.replaceChild(newimage,oldimage);       }

  注意：XXXChild()操作时要正确找到父级元素

8、HTML DOM 操作属性简化为对象名.属性名 进行读写

• 表格相关对象

  table表格对象：
  tableObject.rows 返回包含表格中所有行的一个数组
  tableObject.insertRow(index) 在表格中插入一个新行
  新行将被插入 index 所在行之前。若 index 等于表中的行数，则新行将被附加到表的末尾。
  deleteRow(index) 从表格中删除一行

  表格行对象：

  属性：
  cells[] 返回包含行中所有单元格的一个数组
  rowIndex 返回该行在表中的位置
  className 设置或返回元素的class属性

  方法：

  insertCell() 在一行中的指定位置插入一个空的标签
  deleteCell() 删除行中指定的单元格

  tableCell单元格对象

  cellIndex 返回单元格在某行单元格集合中的位置
  innerHTML 设置或返回单元格的开始标签和结束标签之间的HTML
  align 设置或返回单元格内部数据的水平排列方式
  className 设置或返回元素的class属性