xjwolaile
- 浏览: 343577 次
- 性别:
- 来自: 杭州
-
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992：
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992：
就是没有返回顶部的按钮，这个页面、、
[JS代码库] -
幻紫1992：
很受用，O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco：
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520：
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
今天对于昨天的那个问题还是没有找到办法来做
我在想要是把数组里面的值对拿出来
定义成变量的话不知道行不行
我在想要是把数组里面的值对拿出来
定义成变量的话不知道行不行
分享到：
评论
1 楼
萧远山
2013-01-02
<html>
<head>
<!--创建一个表格 width表格的大小 border表格边框厚度 cellspacing 是表格内边框直接的距离 cellpadding 每个表格的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<!--插入脚本-->
<script language="javascript">
<!--定义表格里面的值-->
var value1 = "nihao";
<!--创建5行 创建3格 新建一个tbody类型的Element节点 tbody表格的身体-->
var row = 9;
var col = 6;
var tbody = document.createElement("tbody");
<!--新建一个tr类型的Element节点 新建一个td类型的Element节点-->
for(var i=0;i<row;i++)
{
var tr = document.createElement("tr");
for(var j=0;j<col;j++)
{
var td = document.createElement("td");
<!--获得表格的值 将节点td加入tr中-->
td.innerHTML = getValue(j);
tr.appendChild(td);
}
<!--将节点tr加入tbody中-->
tbody.appendChild(tr);
}
<!--定位到table上 节点tbody加入节点尾部-->
var parNode = document.getElementById("table1");
parNode.appendChild(tbody);
function getValue(index)
{
var values = new Array('nihao1','nihao2','nihao3','nihao4','nihao5','nihao6') ;
return values[index];
}
</script>
</head>
<body>
</body>
</html>
<head>
<!--创建一个表格 width表格的大小 border表格边框厚度 cellspacing 是表格内边框直接的距离 cellpadding 每个表格的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<!--插入脚本-->
<script language="javascript">
<!--定义表格里面的值-->
var value1 = "nihao";
<!--创建5行 创建3格 新建一个tbody类型的Element节点 tbody表格的身体-->
var row = 9;
var col = 6;
var tbody = document.createElement("tbody");
<!--新建一个tr类型的Element节点 新建一个td类型的Element节点-->
for(var i=0;i<row;i++)
{
var tr = document.createElement("tr");
for(var j=0;j<col;j++)
{
var td = document.createElement("td");
<!--获得表格的值 将节点td加入tr中-->
td.innerHTML = getValue(j);
tr.appendChild(td);
}
<!--将节点tr加入tbody中-->
tbody.appendChild(tr);
}
<!--定位到table上 节点tbody加入节点尾部-->
var parNode = document.getElementById("table1");
parNode.appendChild(tbody);
function getValue(index)
{
var values = new Array('nihao1','nihao2','nihao3','nihao4','nihao5','nihao6') ;
return values[index];
}
</script>
</head>
<body>
</body>
</html>
发表评论
-
Zepto
2015-08-15 13:49 1243Zepto Zepto，是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 784//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 590Node.js 是一个基于Chrome JavaScript ... -
git的学习-20140604
2014-06-04 23:30 539Git使用 首先 开启"G ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 885首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2745Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 716特点 Bootstrap是基于jQuery框架开发的，它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14764流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6274首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1388通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 705一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 921<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7791. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 759一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 552看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 876最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 651最近在做事的时候发现一个有趣的问题，在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 449做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 715在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 776<object width="940&qu ...
相关推荐
### JavaScript 下动态创建表格的三种方式 在网页开发过程中，经常需要通过JavaScript来动态地创建或更新HTML元素，其中就包括表格（`<table>`）。本文将详细介绍在JavaScript中动态创建表格的三种常见方法，并对每...
### JavaScript 动态创建表格详解 在Web开发中，经常需要使用JavaScript来动态地创建或修改HTML表格元素，以响应用户的交互操作或是展示变化的数据。本文将详细介绍如何使用JavaScript中的`appendChild()`, `...
在JavaScript中，对表格进行排序是一项常见的需求，特别是在构建交互式网页时。在这个例子中，我们探讨如何使用纯JavaScript在客户端实现表格数据的动态排序。首先，我们需要理解HTML表格的基本结构，然后学习...
接着，我们创建了一个`<table>`元素，确定了表头（假设是数据的第一个对象的键），然后遍历数据数组生成相应的表格行和单元格。最后，将表头和表格行添加到表格中。实际应用中，你需要替换数据读取部分，以适应从...
JavaScript动态创建表格是一项基础且实用的Web开发技能，它允许开发者在客户端使用JavaScript编程语言根据需要动态生成表格元素。这在处理动态数据集、创建用户交互式界面以及动态修改网页结构时尤其有用。 在本文...
创建动态表格的第一步是建立一个空的表格框架。在HTML中，我们可能有如下基础结构： ```html 列1 列2 ``` 接下来，我们用JavaScript填充表格。假设我们有一个二维数组`data`存储表格数据，可以...
JavaScript，也被称为JS，是一种广泛应用于网页和网络应用的编程语言，主要负责客户端的动态交互。它是Web开发的三大核心技术之一，与HTML和CSS相辅相成，为互联网提供了丰富的用户体验。以下是一些关于JavaScript...
JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在客户端脚本中占据核心地位。本文将深入探讨JavaScript的基础知识，包括字符集、大小写敏感性、注释、标识符、直接量、保留字和关键字、数据类型以及使用...
Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍，从Html入门到Html样式设计，再到Javascript，提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式)...
# JavaScript基础第06天笔记知识点详解 ## 1. 内置对象 ### 1.1 内置对象概述 在JavaScript中，对象被分为三种类型：自定义对象、内置对象以及浏览器对象。前两者属于ECMAScript的基础部分，而浏览器对象则是...
文件名“第1章”可能暗示了这是一个逐步深入的系列教程，第一章可能涵盖基础概念，如变量声明、数据类型和基本的控制结构。随着章节的深入，可能会涉及更高级的主题，如函数表达式、模块化、异步编程等。 通过仔细...
JavaScript是Web前端开发的核心语言之一，它在网页交互、数据处理和动态效果实现等方面发挥着重要作用。本手册将深入探讨JavaScript中的字符串，这是编程中常用的数据类型，对于理解和操作文本至关重要。 一、字符...
在上面的示例中，我们创建了一个基本的表格，其中包括两个行和两个单元格。每个单元格都使用 <td> 元素标识，行使用 <tr> 元素标识，整个表格使用 <table> 元素标识。 创建表格时，我们可以使用 HTML5 的一些新特性...
通过学习这个知识点，开发者可以创建功能丰富的交互式表格，为用户提供类似Excel的操作体验。 首先，JavaScript是Web前端的主要脚本语言，它负责处理用户的交互和动态更新页面内容。在创建仿Excel表格时，...
本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分，第1部分帮助读者快速入手，掌握基本的JavaScript编程要点；第2部分介绍JavaScript的发展和技术背景；第3部分深入探索JavaScript，介绍了语法...
5. **切换年份和月份**：设置上一年、下一年、上一月、下一月的按钮，方便用户快速浏览不同时间段的日期。 在实际的“日历.html”文件中，我们可以看到HTML结构，其中包含用于显示日历的容器，以及用于用户交互的...
在JavaScript编程领域中，"半透明的表格"是一种常见的网页美化技术，它通过CSS样式和JavaScript脚本实现，使得表格部分或全部具有透明效果。这种效果可以增加网页的视觉吸引力，同时不影响表格数据的可读性。下面...
JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在网络开发中扮演着核心角色。它是轻量级的，通常与HTML和CSS一起使用，以实现交互性和动态功能。在"JavaScript系统学习资料"中，我们将深入理解其基础...
这个压缩包包含了各种JavaScript实现的特效，从基础的表格、边框处理到复杂的鼠标交互、文本动画以及按钮效果，为开发者提供了一套丰富的学习资源。让我们逐一探讨这些知识点。 1. **JavaScript基础**：在了解这些...
《JavaScript权威指南》是JavaScript编程领域的一本经典之作，由著名技术作家David Flanagan撰写，被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性，对于想要全面...