首先先了解什么是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

 
 
 
 

关于BOM的一些基本知识以及表格的操作的更多相关文章

  1. JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}

    前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...

  2. jQuery 对表单、表格的操作及更多应用-简略笔记

    [jQuery 对表单.表格的操作及更多应用] jquery对表单及表格的操作是实际应用中相当广泛. 对于表单的操作,可以实现 (1)获取和失去焦点改变样式: (2)在多行文本框中可以实现网站评论框的 ...

  3. jQuery(6)——jQuery对表单、表格的操作及更多应用

    jQuery对表单.表格的操作及更多应用 [表单应用] 一个表单有表单标签.表单域及表单按钮三个基本部分. 单行文本框应用:获取和失去焦点改变样式. 也可以用CSS中的伪类选择符来实现,但是IE6并不 ...

  4. ASP.NET MVC+BUI实现表格的操作

    在Web中基于表格的操作,比如添加行.单元格内容编辑等等功能,是完全基于js实现的.但如果程序员完全使用js或者jquery去编写表格控件,则会导致样式不统一,代码量较大等问题,尤其对于不太熟悉js的 ...

  5. PDF文件转换成Excel表格的操作技巧

    我们都知道2007以上版本的Office文档,是可以直接将文档转存为PDF格式文档的.那么反过来,PDF文档可以转换成其他格式的文档吗?这是大家都比较好奇的话题.如果可以以其他格式进行保存,就可以极大 ...

  6. VBA基础之Excel VBA 表格的操作(一)

    一.Excel VBA 表格的操作1. Excel表格的指定以及表格属性的设置 Sub main() '把表格B2的值改为"VBA Range和Cells函数" Range(&qu ...

  7. SQL常用语法及规则-表格的操作

    一.规则和标准 1)每一行SQL语句结尾,加分号: 2)所创建的对象,名字用反引号(不是引号,与~同一个键): 3)一般关键字或保留字要大写: 4)两个中划线 + 空格(-- ),后面的语句为注释语句 ...

  8. layui的数据表格加上操作

    数据表格加上操作. <script type="text/html" id="barDemo"> <a class="layui-b ...

  9. 有关BOM头的一些知识

    在psr开发标准中,有一条是讲的,php只能使用无bom的utf8格式 . 那么这个bom是几个意思.  说一些理论内容 . 在UCS编码中有一个叫做"ZERO WIDTH NO-BREAK ...

随机推荐

  1. mysql排序自段为字符串类型问题解决

    677     000.000.000.000 2018-01-09 22:20:58 编辑 删除 锁定 199 666/777/888套餐标配     000.000.000.000 2018-01 ...

  2. EasyUI下拉框级联

    EasyUI用来实现后台界面还是可以的,毕竟面对的是小众群体而非广大的用户,简单为美.这里想聊的功能是一种下拉框的联动,比如我选中了下拉框A的某一项,那么下拉框B的选项就是甲乙丙丁,如果我选了A的另一 ...

  3. NULL和nullptr

    NULL就是0 nullptr是空指针[c++11]

  4. winform_textbox控件只能输入数字

    //实现只限制输入数字事件 private void txtShowNum_KeyPress(object sender, KeyPressEventArgs e) { e.Handled = tru ...

  5. python:一行代码实现局域网共享文件

    其实就是使用python内置的一个模块http server 在python2中是下面这样的 python -m SimpleHTTPServer 80 解释下上面的参数,-m表示让python使用一 ...

  6. Python-Web-数据库-mongodb

    理念: ----无创建数据库方法,使用即创建 ----里面无数据,即数据库不存在 ----数据库有表,表里有一条数据,则数据库存在 ----表数据为JSON格式[{‘name’:’lisi’,’age ...

  7. IBM.WMQ订阅消息

    网上关于IBM这个消息队列中间件的资料相对比较少,C#相关的资料就更少了,最近因为要对接这个队列中间件,花了不少功夫去搜索.整理各种资料,遇到很多问题,因此记录下来. 1.基于 amqmdnet.dl ...

  8. LeNet-5 pytorch+torchvision+visdom

    # ====================LeNet-5_main.py=============== # pytorch+torchvision+visdom # -*- coding: utf- ...

  9. WCF-初识DEMO

    类库 System.ServiceModle WCF类库 契约IUser1,实现User1 [ServiceContract] public interface IUser1 { [Operation ...

  10. oracle学习笔记day1

    oracle数据库前言 oracle sqllesson1 Selecting Rowslesson2 Sorting & Limiting Selected Rowslesson3 Sing ...