首先先了解什么是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. JV默认是如何处理异常

    main函数收到这个问题时,有两种处理方式: a:自己将该问题处理,然后继续运行 b:自己没有针对的处理方式,只有交给调用main的jvm来处理 jvm有一个默认的异常处理机制,就将该异常进行处理. ...

  2. attrib命令能用批处理实现文件夹批量显示吗?

    attrib H:\* -s -h -a -r /s /d 加上/s /d参数就行了.(H表示你的U盘盘符)

  3. 36 Flutter仿京东商城项目 用户登录 退出登录 事件广播更新状态

    Login.dart import 'dart:convert'; import 'package:dio/dio.dart'; import 'package:flutter/material.da ...

  4. jmeter 查看结果树,获取响应体写法校验是否提取写法是否正确的方法

    JSON Path Expression里面写入提出值的写法,点击Test测试提取

  5. java8中计算两个日期时间LocalDateTime的时间差,格式化成xx年yy月zz日aa时bb分cc秒

    原则上应该适用Period来计算,因为他是专门为这种需求设计的.当时他只能计算到两个时间差的,年月日 传入参数Period.between(LocalDate,LocalDate) 这里是计算两个Lo ...

  6. LeetCode_104. Maximum Depth of Binary Tree

    104. Maximum Depth of Binary Tree Easy Given a binary tree, find its maximum depth. The maximum dept ...

  7. node.js使用superagent实现模拟登陆功能(包含下载验证码功能)

    superagent版本:3.8.3 样例代码: var process = require('process'); var superagent = require('superagent'); v ...

  8. js 高级程序设计 第四章学习笔记

    问题:怎么才能形象的理解堆栈空间? 1. 声明变量 使用 var 声明的变量会自动被添加到最接近的环境中.在函数内部,最接近的环境就是函数的局部 环境:在 with 语句中,最接近的环境是函数环境.如 ...

  9. 生成count位随机数工具类

    工具类 import java.util.Random; /** * 生成6位随机数字 */ public class GeneratorCode { /** * * @Title: getCode ...

  10. 【ARM-Linux开发】TI 关于Gstreamer使用的几个参考

    http://processors.wiki.ti.com/index.php/Example_GStreamer_Pipelines#H.264_RTP_Streaming http://proce ...