关于BOM的一些基本知识以及表格的操作

首先先了解什么是BOM?

BOM:英文全称Browser Object Model,即浏览器对象模型。浏览器页面初始化时,会在内存创建一个全局对象,用来描述当前窗口的属性和状态,这个全局对象被称为浏览器对象模型。

不同于DOM的标准化组织是W3C,JavaScript的语法标准化组织是ECMA,BOM没有官方标准,它最初是Netscape浏览器标准的一部分,也就是说,对于现代浏览器,每个浏览器都有自己的BOM实现方法,所以直接使用BOM会有兼容性问题

 BOM有六个子对象:
   1.history:浏览器的历史记录(前进,后退,刷新)
   2.location:窗口的url,地址栏的信息;
   3.navigator:浏览器的配置信息;
   4.document:DOM;
   5.screen:屏幕的信息以及相关属性;
   6.event:事件对象
在这些子对象中,history对象是常用的对象,控制网页的前进,后退或者刷新。而在这些中有一个功能就是停留在当前页面无法后退前进,这个功能的实现方法有:
  1.winndow.history.forward(1):这个方法是防止下一个页面返回,比如A(有这个代码)转到B,B就无法回到A;
  2.window.history.go(0):这个方法最常用,表示页面永远停留在当前页面,也可用作刷新页面;
 
    history(n)  n = 1 表示前进一次;n=-1表示后退一次
 
 
简单说一下JS对table的操作:
 
  1.先创建一个table,继而在table中创建thead,tbody,tfoot;

    createTHead() 在表格中创建一个空的 tHead 元素。

    createTBody()在表格中出创建tbody。

    createTFoot() 在表格中创建一个空的 tFoot 元素。

  
  2.常用的对象以及属性:
    
  deleteRow() 从表格删除一行。

  deleteTFoot() 从表格删除 tFoot 元素及其内容。

  deleteTHead() 从表格删除 tHead 元素及其内容。

  insertRow() 在表格中插入一个新行。

  说到这就要说一下表格中的添加;

  我个人对添加的理解是在原型数组对象中的末尾添加一行,然后在行中对应的td单元格内添加进去内容;

  一般在每一行的末尾单元格内都有一个删除和修改:

   类似于这样,当点击删除的时候获取到当前行,然后删除,修改也类似,先获取到当前行的各种信息,然后修改再保存;

  3.table中Row对象:

  

  deleteCell() 删除行中的指定的单元格

语法:tablerowObject.deleteCell(index)

  insertCell() 在一行中的指定位置插入一个空的 td 元素。

    tablerowObject.insertCell(index)

返回值:一个 TableCell 对象,表示新创建并被插入的元素。

  TableRow 对象属性

  vAlign 设置或返回在行中的数据的垂直排列方式。

语法:tablerowObject.vAlign=top|bottom|middle|baseline

     rowIndex 返回该行在表中的位置。

语法:tablerowObject.rowIndex

 
 
 
 
原文地址:https://www.cnblogs.com/hzqzwl/p/11412125.html