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 相关文章推荐
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
JavaScript实现新年倒计时效果
Nov 17 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 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实用代码片段
2016/02/02 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
两个Javascript小tip资料
2010/11/23 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
javascript基本算法汇总
2016/03/09 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
python使用循环实现批量创建文件夹示例
2014/03/25 Python
python的re模块应用实例
2014/09/26 Python
python中self原理实例分析
2015/04/30 Python
python字符串的方法与操作大全
2018/01/30 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
Python实现基于POS算法的区块链
2018/08/07 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
python加载自定义词典实例
2019/12/06 Python
python关闭占用端口方式
2019/12/17 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
python图片合成的示例
2020/11/09 Python
python中@contextmanager实例用法
2021/02/07 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
物流管理专业大学生自荐信
2013/10/04 职场文书
计算机专业学生的自我评价
2013/12/15 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
工作表现证明
2015/06/15 职场文书
总结会主持词
2015/07/02 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python