xjwolaile
- 浏览: 340252 次
- 性别:
- 来自: 杭州
-
文章分类
- 全部博客 (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 1231Zepto Zepto，是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 767//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 578Node.js 是一个基于Chrome JavaScript ... -
git的学习-20140604
2014-06-04 23:30 530Git使用 首先 开启"G ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 876首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2735Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 710特点 Bootstrap是基于jQuery框架开发的，它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14747流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6260首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1376通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 690一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 912<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7661. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 748一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 540看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 867最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 637最近在做事的时候发现一个有趣的问题，在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 430做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 694在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 768<object width="940&qu ...
相关推荐
JavaScript，一种广泛应用于Web开发的脚本语言，是前端开发的核心技术之一。这份"JavaScript学习指南"高清PDF，无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面，我们将深入探讨...
在JavaScript编程中，动态添加表格数据行是一种常见的需求，特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录，提高了用户体验。在这个例子中，我们将探讨如何利用...
在IT领域，动态创建表格标签是一项常见的编程任务，特别是在网页开发和用户界面设计中。这一技术使得开发者能够根据需要在运行时自动生成表格元素，如`<table>`、`<tr>`（表格行）、`<td>`（表格数据单元格）以及与...
1. **动态添加行**：在JavaScript中，可以通过DOM操作动态地创建新的表格行（`<tr>`元素）并插入到表格中。用户可以点击“添加行”按钮，触发一个JavaScript函数，该函数将生成新的行结构，填充默认数据，然后将其...
JavaScript，也被称为JS，是一种广泛应用于网页和网络应用的编程语言，主要负责客户端的动态交互。它是Web开发的三大核心技术之一，与HTML和CSS相辅相成，为互联网提供了丰富的用户体验。以下是一些关于JavaScript...
# JavaScript基础第06天笔记知识点详解 ## 1. 内置对象 ### 1.1 内置对象概述 在JavaScript中，对象被分为三种类型：自定义对象、内置对象以及浏览器对象。前两者属于ECMAScript的基础部分，而浏览器对象则是...
文件名“第1章”可能暗示了这是一个逐步深入的系列教程，第一章可能涵盖基础概念，如变量声明、数据类型和基本的控制结构。随着章节的深入，可能会涉及更高级的主题，如函数表达式、模块化、异步编程等。 通过仔细...
JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在浏览器端运行，为用户提供动态交互体验。本学习笔记旨在帮助初学者快速掌握JavaScript的核心概念和技术，实现从入门到精通的过渡。 1. **基础语法** - ...
JavaScript 是一种广泛应用于网页和网络应用的编程语言，尤其在前端开发中占据着核心地位。本文将对JavaScript的基础知识进行详尽的探讨，包括它的应用领域、基本概念、学习路径以及关键特性。 首先，JavaScript ...
JavaScript30天挑战是由Wes Bos发起的一项在线学习活动，旨在帮助开发者在30天内通过实践提升JavaScript技能。这个挑战覆盖了从基础到高级的各种JavaScript概念，包括DOM操作、事件处理、动画制作、API使用等。以下...
在JavaScript这门动态类型的编程语言中，创建对象是其核心特性之一。本文将详细探讨三种主要的创建JavaScript对象的方法，并结合“源码”与“工具”的概念，来深入理解这些方式在实际开发中的应用。 一、字面量...
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而JavaScript则是一种解释型的、轻量级的编程语言，主要用于增加网页的动态性与用户交互。 HTML教案： 在教学过程中，HTML教案通常会涵盖以下几个...
"21天学通JavaScript"很可能是一个教学计划或教程系列，旨在帮助初学者在三周内掌握JavaScript的核心概念和技术。现在我们来深入探讨这个主题。 1. **JavaScript基础** - 变量：JavaScript中的变量用于存储数据，...
本文将深入探讨如何利用ArcGIS API for JavaScript来加载天地图，一个由中国国家基础地理信息中心提供的在线地图服务。 首先，ArcGIS API for JavaScript是Esri为Web开发人员设计的一套JavaScript库，用于构建交互...
在JavaScript中，对表格进行排序是一项常见的任务，尤其在网页交互和数据分析中。在提供的文档中，我们看到一个通过JavaScript实现的表格排序功能，主要涉及到两个核心函数：`colOrder` 和 `colOrderTrSort`。这个...
在JavaScript和HTML结合的网页开发中，表格是一种常见的数据展示方式。这个压缩包"javaScript+html实现表格上下移动.zip"包含的资源很可能是用于演示如何通过JavaScript来实现在HTML表格中行的上下移动功能。这个...
### JavaScript入门：第一部分 #### 引言 随着互联网的发展，网页不再仅仅是静态的信息展示板。用户期望获得更丰富的互动体验。为此，一种强大的客户端脚本语言——JavaScript应运而生。通过本篇介绍，我们将深入...
《JavaScript权威指南》是一本备受推崇的编程教材，专门针对JavaScript这门强大的脚本语言进行深入浅出的讲解。这本书的高清版PDF提供了一个详细的学习路径，帮助读者掌握JavaScript的核心概念和技术。 首先，...