• 关于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

     
     
     
     
  • 相关阅读:
    头文件stdio与stdlib.h的区别
    宝塔利用git+ webhooks 实现git更新远程同步Linux服务器
    Linux源码安装步骤
    Promise.all和Promise.race区别,和使用场景
    vue显示富文本
    Js实现将html页面或div生成图片
    JS
    关于Swiper和vue数据顺序加载问题处理
    php 数据库备份(可用作定时任务)
    js async await 终极异步解决方案
  • 原文地址:https://www.cnblogs.com/hzqzwl/p/11412125.html
Copyright © 2020-2023  润新知