onload事件：

定义和用法：

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

语法：

在HTML中：<body onload="SomeJavaScriptCode">

在JavaScropt中：window.onload=function(){SomeJavaScriptCode};

SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。（执行代码）

实例：<body onload="myFunction()">

table insertRow()函数方法

定义和用法：insertRow() 方法用于在表格中的指定位置插入一个新行。

语法：tableObject.insertRow(index)；index：指定插入新行的位置 (以 0 开始)。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script>

function displayResult(){

    var table=document.getElementById("myTable");

    var row=table.insertRow(0);

    var cell1=row.insertCell(0);

    var cell2=row.insertCell(1);

    cell1.innerHTML="New";

    cell2.innerHTML="New";

}

</script>

</head>

<body>

<table id="myTable" border="1">

    <tr>

        <td>cell 1</td>

        <td>cell 2</td>

    </tr>

    <tr>

        <td>cell 3</td>

        <td>cell 4</td>

    </tr>

</table>

<br>

<button type="button" onclick="displayResult()">插入新行</button>

</body>

</html>

tr insertCell()函数方法

定义和用法：insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的 <td> 元素。

语法：trObject.insertCell(index)；index：该方法将创建一个新的 <td> 元素，把它插入行中指定的位置。新单元格将被插入当前位于 index 指定位置的表元之前。如果 index 等于行中的单元格数，则新单元格被附加在行的末尾。

实例：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script>

function displayResult(){

    var firstRow=document.getElementById("myTable").rows[0];

    var x=firstRow.insertCell(-1);

    x.innerHTML="New cell"

}

</script>

</head>

<body>

<table id="myTable" border="1">

    <tr>

        <td>First cell</td>

        <td>Second cell</td>

        <td>Third cell</td>

    </tr>

</table>

<br>

<button type="button" onclick="displayResult()">插入单元格</button>

</body>

</html>

body onload()事件和table insertRow()、tr insertCell()的更多相关文章

  1. js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法

    表格有几行: var trCnt = table.rows.length;  (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++)              ...

  2. js动态添加table 数据tr td

    成果库修改:      要求主题列表随成果类型改变而改变      网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table      概要代码 ...

  3. js在table指定tr行上或底下添加tr行

    js在table指定tr行上或下面添加tr行 function onAddTR(trIndex)         {             var tb = document.getElementB ...

  4. Js-动态控制table的tr、td增加及删除的具体实现

    <table id='wifi_clients_table' style="color:#0099CC;font-size:12px;" class="table ...

  5. js动态控制table的tr，td增加及删除

    html: <table id='wifi_clients_table'   class="table table-striped table-bordered table-hover ...

  6. javascript中onload事件如何绑定及执行顺序

    onload事件,顾名思义就是为了js程序能够在网页加载成功过后进行执行.对于放在head里面的js来说,非常必要. 如何给网页绑定onload,主要有三种方式: window.onload=func ...

  7. GridView固定行宽,自动换行,鼠标放在Table的Tr上变色

    //固定行宽table-layout:fixed;//自动换行word-break :break-all;word-wrap:break-wordGridView.Attributes.Add(&qu ...

  8. window onload 与 img onload事件

    window onload 与 img onload事件 通常,window.onload就是载入完dom之后运行的. 而img就是载入完图片完运行它的onload事件.依据img的src是否载入完毕 ...

  9. jq根据table的tr行数动态删除相应的行

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. Dart中的mixins

    /* mixins的中文意思是混入,就是在类中混入其他功能. 在Dart中可以使用mixins实现类似多继承的功能,with关键字 因为mixins使用的条件,随着Dart版本一直在变,这里讲的是Da ...

  2. 004-行为型-02-模板方法模式（Template Method）

    一.概述 定义了一个算法的骨架,并允许子类为一个或多个步骤提供实现.模板方法使得子类可以在不改变算法结构的情况下,重新定义算法的某些步骤 1.1.适用场景 一次性实现一个算法的不变的部分,并将可变的行 ...

  3. QDateTime获取当前时间的时间戳

    QdateTime获取当前时间的时间戳作为图片名 QDateTime qdt1 = QDateTime::currentDateTime();QString timeStr = qdt1.toStri ...

  4. Linux记录-常用统计awk

    #统计第一列ip的个数(uniq -c 打印重复行count计数) cat ip.txt | awk '{print $1}' | sort | uniq -c | sort -rn | head - ...

  5. case when 性能优化

    背景:性能应该是功能的一个重要参考,特别是在大数据的背景之下!写SQL语句时如果仅考虑业务逻辑,而不去考虑语句效率问题,有可能导致严重的效率问题,导致功能不可用或者资源消耗过大.其中的一种情况是,处理 ...

  6. axios发post请求，后端接收不到参数的问题

    axios会帮我们自动转换请求数据和响应数据 以及 自动转换JSON数据,我们的请求头转换成 Content-Type变成了application/json;charset=utf-8,然后因为我们的 ...

  7. SpringBoot学习笔记：自定义拦截器

    SpringBoot学习笔记:自定义拦截器 快速开始 拦截器类似于过滤器,但是拦截器提供更精细的的控制能力,它可以在一个请求过程中的两个节点进行拦截: 在请求发送到Controller之前 在响应发送 ...

  8. LeetCode 783. 二叉搜索树结点最小距离(Minimum Distance Between BST Nodes)

    783. 二叉搜索树结点最小距离 LeetCode783. Minimum Distance Between BST Nodes 题目描述 给定一个二叉搜索树的根结点 root, 返回树中任意两节点的 ...

  9. Python列表生成式测试

    print('*'*50) list1 = list(range(1,6)) print(list1) del(list1) #range(1,20) 按顺序生成列表 list1 = [] for x ...

  10. Python21之内嵌函数和闭包

    一.内嵌函数 内嵌函数指的是在一个函数体内部定义的函数,可以称它为函数的函数,也就是子函数,外部的函数称之为母函数,就类似局部变量和全局变量 子函数体内定义的变量只在其函数内部有效,但其内部可以调用母 ...