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


Posted in Javascript onJuly 14, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
浅谈Javascript面向对象编程
Nov 15 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
在项目vue中使用echarts的操作步骤
Sep 07 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 #Javascript
常用jQuery代码分享
Jul 14 #Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 #Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 #Javascript
jQuery实现模拟marquee标签效果
Jul 14 #Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 #Javascript
jQuery自动添加表单项的方法
Jul 13 #Javascript
You might like
PHP之生成GIF动画的实现方法
2013/06/07 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
浅谈php中的循环while、do...while、for、foreach四种循环
2016/11/05 PHP
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
vue实现简单计算商品价格
2020/09/14 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
简述Python2与Python3的不同点
2018/01/21 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
django的403/404/500错误自定义页面的配置方式
2020/05/21 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
美术教师求职信范文
2015/03/20 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android