javascript实现动态表头及表列的展现方法

 更新时间:2015年07月14日 12:04:17   作者:恺哥  
这篇文章主要介绍了javascript实现动态表头及表列的展现方法,涉及javascript动态操作table元素的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript实现动态表头及表列的展现方法。分享给大家供大家参考。具体如下:

<!-- 
作者:恺哥
时间:2008-11-5
用途:测试动态表头与动态表列的展现
-->
<html>
<head>
<title>test</title>
</head>
<body>
<script language="javascript">
//初始化表列
var t_column = new Array("col_head");
for(var m=0;m<10;m++){
 t_column.push("col"+m);
}
//初始化表行
var t_row = new Array();
for(var m=0;m<5;m++){
 t_row.push("row"+m);
}
function p(o){
 document.writeln(o);
}
p("<table width=\"95%\" border=\"1\">");
p("<tr>");
for(var i=0;i<t_column.length;i++){
 p("<td>"+t_column[i]+"</td>");
}
p("</tr>");
for(var j=0;j<t_row.length;j++){
 p("<tr>");
  p("<td>"+t_row[j]+"</td>");
  for(var k=1;k<t_column.length;k++){
  p("<td>value"+k+"</td>");
  }
 p("</tr>");
}
p("</table>");
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 微信小程序自定义scroll-view的实例代码

    微信小程序自定义scroll-view的实例代码

    这篇文章主要给大家介绍了关于微信小程序自定义scroll-view的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • JS实现的自定义map方法示例

    JS实现的自定义map方法示例

    这篇文章主要介绍了JS实现的自定义map方法,结合实例形式分析了javascript自定义map相关的json数组定义、遍历、添加、删除、读取等相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • event对象获取方法总结在google浏览器下测试

    event对象获取方法总结在google浏览器下测试

    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态,Event对象的获取方法如下,感兴趣的朋友可以参考下
    2013-11-11
  • js的2种继承方式详解

    js的2种继承方式详解

    这篇文章主要介绍了javascript的2种继承方式,分析对象冒充和原型链方式的不同,需要的朋友可以参考下
    2014-03-03
  • 基于JavaScript实现单例模式

    基于JavaScript实现单例模式

    这篇文章主要介绍了基于JavaScript实现单例模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • ionic开发中点击input时键盘自动弹出

    ionic开发中点击input时键盘自动弹出

    ionic开发移动端界面时,在输入用户名和密码的时候,输入法不要挡住我的输入框,并且输入框往上滚动的时候,顶部标题不要上移,下面给大家分享实现代码,一起看看吧
    2016-12-12
  • 根据对象的某一属性进行排序的js代码(如:name,age)

    根据对象的某一属性进行排序的js代码(如:name,age)

    实例为按降序排列,若想改为升序只需把比较器中的value2-value1改为value1-value2就可以了
    2010-08-08
  • 微信小程序学习之自定义滚动弹窗

    微信小程序学习之自定义滚动弹窗

    这篇文章主要给大家介绍了关于微信小程序学习之自定义滚动弹窗的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • js多个物体运动功能实例分析

    js多个物体运动功能实例分析

    这篇文章主要介绍了js多个物体运动功能,结合实例形式分析了js实现多物体运动功能的原理、实现技巧与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • js判断文件是否为utf-8编码的方法

    js判断文件是否为utf-8编码的方法

    使用FileReader以utf-8格式读取文件,根据文件内容是否包含乱码字符,来判断文件是否为utf-8,本文就详细的介绍一下使用,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论