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 this用法小结
Dec 19 Javascript
用Jquery重写windows.alert方法实现思路
Apr 03 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
Jun 08 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
vue 文件目录结构详解
Nov 24 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
简单的三步vuex入门
May 20 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
浅谈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 批量替换程序的具体实现代码
2013/10/04 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
Jquery 点击按钮显示和隐藏层的代码
2011/07/25 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
AngularJS内置指令
2015/02/04 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
JS的时间格式化和时间戳转换函数示例详解
2020/07/27 Javascript
微信小程序实现身份证取景框拍摄
2020/09/09 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
使用cx_freeze把python打包exe示例
2014/01/24 Python
python数据结构树和二叉树简介
2014/04/29 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
深入了解python列表(LIST)
2020/06/08 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
会计岗位职责
2015/02/03 职场文书
2016春节家属慰问信
2015/03/25 职场文书
导游词之镇江焦山
2019/11/21 职场文书