td | 易学教程

AspnetPager 分页

阅读更多关于 AspnetPager 分页

准备： GridView ，AspnetPager 控件。原理：　　首先在CS文件写一个绑定GridView的方法。在页面的pageload事件中调用此方法！再当每次点击AspnetPager的时候进行分页。页面代码：　　 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Pager.aspx.cs" Inherits="Pager_" %><%@ Register Assembly="AspNetPager" Namespace="Aspnet.Webdiyer" TagPrefix="Asp" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>销售部门管理</title> <style type="text/css"> .style1 { width: 100%; } #Title2 { width: 256px; } #spec { width:

【JavaScript-二维数组】用JavaScript将表格里的元素添加到二维数组

阅读更多关于【JavaScript-二维数组】用JavaScript将表格里的元素添加到二维数组

首先，要知道如何创建二维数组。 http://blog.csdn.net/wangyuchun_799/article/details/38460515 这里引入一种最简单的。 <script type="text/javascript"> var arr = new Array(); //创建一个一维数组 for (var i = 0; i < 2; i++) { arr[i] = new Array(); for (var j = 0; j < 3; j++) { //将每一个子元素有定义为数组 arr[i][j] = ""; 　//此时的array1[i][j]可以视为二维数组,并初始化二位数组为空字符串 } } arr[0][0]=1; 　　　　　　　　　　//给arr赋值 arr[0][1]=2; arr[0][2]=3; arr[1][0]=11; arr[1][1]=22; arr[1][2]=33; document.write(arr); 　　　　//1,2,3,11,22,33 </script> 二维数组主要用来干什么呢？博主现在要用到的是将HTML中表格的值添加到二维数组中，以便后续对表格进行单元格合并啊之类的操作（用二维数组进行此类操作更利于后续的代码维护）好的，那么接下来让我们看看怎么用JavaScript实现将表格里的元素添加到二维数组中吧~

HTML学习入门

阅读更多关于 HTML学习入门

HTML(元素、属性） HTML: 超文本标记语言 1、超文本即为带有链接属性的文本 2、标记即为标签一、body属性： bgcolor:页面背景颜色 text：文字颜色 background：背景壁纸 topmargin、leftmargin、rightgargin、tottomargin:上、左、右、下边距二、格式控制标签 <font color=“” size="" face=""></font> color为字体颜色 size为字体尺寸 face为字体。 <b></b>:字体加粗 <i></i>:字体倾斜 <u></u>:下划线 <strong></strong>:强调字体加粗 <em></em>:强调字体倾斜 <center></center>:居中 </br>:回车，换行快捷键shift+enter &nbsp:空格快捷键shift+ctrl+enter 三、内容容器标签 <h1></h1>........<h6></h6> ：标题标签重要性依次减小，字体依次减小，默认前后若有其他，自动换行并空开一行，h1--h3是在目前文字大小基础上+尺寸，h4---h6是在目前默认文字大小-尺寸 <p></p>:段落标签默认前后若有其他，自动换行并空开一行，证明自身是一个整体 <div></div>:层标签默认占一行 <span></span>:层标签用多少占多少

仿购物车案例

阅读更多关于仿购物车案例

JQ：$(function(){ //全选改变事件 $(".checkAll").change(function(){ // alert($(this).prop("checked")); $(".checkAll,.check").prop("checked",$(this).prop("checked")); if($(this).prop("checked")){ $(".check").parents(".trs").addClass("cs1"); }else{ $(".check").parents(".trs").removeClass("cs1"); } }); //子勾选框的点击事件 $(".check").click(function(){ // alert($(".check:checked").length); if($(".check:checked").length==3){ $(".checkAll").prop("checked",true); }else{ $(".checkAll").prop("checked",false); } if($(this).prop("checked")){ $(this).parents(".trs").addClass("cs1"); }else{ $(this).parents(".trs")

JavaScript7-2 动态删除表格行

阅读更多关于 JavaScript7-2 动态删除表格行

实例：动态删除表格的行实例分析： 1）用for循环在每一行最后最个节点添加(oTable.rows[i].insert(5))一个节点delete。 2）每个delete的节点.onclick = myDelete。 3）myDelete的函数中，this.parentNode 来找到父节点然后用removeChild(子节点)删除节点。 <html> <head> <title>Insert title here</title> <style type ="text/css"> body{ background-color:#ebf5ff; margin:0px;padding:4px; text-align:center; border-collapse:collapse; } .datalist{ border:1px solid #0058a3; color:#0046a6; background-color:#d2e8ff; font-family:Arial; } .datalist caption{ font:bold 1.4em; font-size:18px; padding-bottom:5px; } .datalist th{ font-weight:bold; border:1px solid#0058a3; text-align:center;

Selenium2+python自动化28-table定位

阅读更多关于 Selenium2+python自动化28-table定位

前言在web页面中经常会遇到table表格，特别是后台操作页面比较常见。本篇详细讲解table表格如何定位。一、认识table 1.首先看下table长什么样，如下图，这种网状表格的都是table 2.源码如下：（用txt文本保存，后缀改成html） <!DOCTYPE html> <meta charset="UTF-8">  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <head> <title>Table测试模板</title> </head> <body> <table border="1" id="myTable"> <tr> <th>QQ群</th> <th>QQ号</th> <th>群主</th> </tr> <tr> <td>selenium自动化</td> <td>232607095</td> <td>YOYO</td> </tr> <tr> <td>appium自动化</td> <td>512200893</td> <td>YOYO</td> </tr> </table> </body> </html> 二、table特征 1.table页面查看源码一般有这几个明显的标签：table、tr、th、td 2.

jQuery实现拼图游戏

阅读更多关于 jQuery实现拼图游戏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> *{padding:0px;margin:0px;} .mytable { width: 300px; border:1px solid #aaccff; } .mytable td{text-align:center;} .mytable td img{border:none;height:150px;width:150px;} .mytable td img.cur{border:1px dotted red;} .box{border:1px solid #aaccff;padding:10px;margin:5px 3px;line-height:25px;} </style> <script src="Script/jquery-3.3.1.js"></script> <script type="text/javascript"> $(function

js在table指定tr行上或底下添加tr行

阅读更多关于 js在table指定tr行上或底下添加tr行

js在table指定tr行上或下面添加tr行 function onAddTR(trIndex) { var tb = document.getElementById("tb1"); var newTr = tb.insertRow(trIndex);//添加新行，trIndex就是要添加的位置 var newTd1 = newTr.insertCell(); newTd1.innerHTML = "这是新行，位置：" + trIndex; var newTd2 = newTr.insertCell(); newTd2.innerHTML = "这是新行，位置：" + trIndex; } <table style="width: 100%;" id="tb1"> <tr onclick="onAddTR(this)"> <td>1</td> <td>2</td> </tr> <tr onclick="onAddTR(this)"> <td>3</td> <td>4</td> </tr> </table> <script type="text/javascript"> function onAddTR(trObj) { $(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>"); } <

JQuery实现可直接编辑的表格

阅读更多关于 JQuery实现可直接编辑的表格

本文实例讲述了JQuery实现可直接编辑的表格。分享给大家供大家参考。具体分析如下：功能：创建一个表格，用户单击某个单元格后，可以直接修改单元格文本。在编辑状态下，用户可按回车键确认修改，按ESC键撤销修改。效果如下图：思路：当用户点击某个单元格后，立即向该单元格内插入一个文本框，将它的宽、高都设置成与单元格相的数值。用户确认输入后，清空该单元格内的所有HTML代码，然后把内容设置为用户刚刚输入的文本。 HTML代码： < table align = "center" > < tr > < td >学号</ td > < td >姓名</ td > </ tr > < tr > < td >001</ td > < td >dog</ td > </ tr > < tr > < td >002</ td > < td >cat</ td > </ tr > < tr > < td >003</ td > < td >pig</ td > </ tr > </ table > JavaScript代码: $( function (){ $( "td" ).click( function (event){ //td中已经有了input,则不需要响应点击事件 if ($( this ).children( "input" ).length > 0) return false

DOM&JavaScript示例&练习

阅读更多关于 DOM&JavaScript示例&练习

以下示例均为html文件，保存至本地就可直接用浏览器打开以查看效果\(^o^)/~ 练习一：设置新闻字体 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>字体样式选择</title> 6 <style type="text/css"> 7 a:link,a:visited{ 8 text-decoration:none;//取消下划线 9 } 10 #newsText{ 11 border: #CC0033 double 2px; 12 width:800px; 13 } 14 p{ 15 text-indent:2em;//首行缩进 16 } 17 .max{ 18 font-size:36px; 19 color:#666699; 20 } 21 .mid{ 22 font-size:18px; 23 color

订阅 td