td | 易学教程

JavaScript中的BOM和DOM对象

阅读更多关于 JavaScript中的BOM和DOM对象

BOM和DOM对象 BOM：浏览器窗口模型对象创建方法：与弹出框有关的方法 alert（）显示带有一段消息和一个确认按钮的警告框 confirm（）显示带有一段消息以及确认按钮和取消按钮的对话框如果用户点击取消按钮，则方法返回false prompt（）显示可提示用户输入的对话框返回值，用户输入的值与开发关闭有关的方法 close （）关闭浏览器窗口（谁调用关闭谁） open（“窗口地址”）打开一个新的浏览器窗口与定时器有关的方式 setTimeout（）在制定的毫秒数后调用函数或者计算表达式参数：1.js代码或者方法对象返回值，唯一标识，用于取消定时器 clearTimeout（）取消由setTime out（）方法设置的timeout setInterval（）按照指定周期（以毫秒计）来调用函数或者计算表达式 clearInterval（）取消由setInterval（）方法设置的timeout 属性获取其他BOM 对象 history location Navigator Screen 获取DOM对象特点 window对象不需要创建就可以直接使用，window.方法名（）也可以 window引用可以省略。方法名（）跳转网页的案例 <!DOCTYPE html> <html lang="en"> <head> <meta

Struts2的Stack Context和ValueStack

阅读更多关于 Struts2的Stack Context和ValueStack

1、提到Struts2的传值功能时，经常会见到Stack Context和ValueStack等概念，那么它们到底是什么，有什么作用呢。 ValueStack（值栈）：Struts2将OGNL上下文设置为Struts2中的ActionContext(内部使用的仍然是 OgnlContext)，并将值栈设为OGNL的根对象。 ActionContext：一次Action调用都会创建一个ActionContext 如:ActionContext ctx = ActionContext.getContext(); Stack Object：放入stack中的对象，一般是action。 Stack Context（map）：stack上下文，它包含一系列对象，包括request、session、attr、application map等。 2、访问Stack Context中的对象的属性时要使用"#对象名.属性名"的方式，使用push标签可以将原来位于Stack Context中的对象放到ValueStack的栈顶。用push标签将对象保存在ValueStack的栈顶后，只需要使用"属性名"就可以直接访问了。如下面的例子： <body> <s:bean name="cg.struts.at.User" id="user"> <s:param name="username" value="

HTML-JQuery网页评论回复页面

阅读更多关于 HTML-JQuery网页评论回复页面

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>评论回复页面</title> <meta charset="utf-8" /> <style> #tb { width: 200px; border: 2px solid black; } </style> <script src="Scripts/jquery-1.11.3.js"></script> <script> //文档就绪函数 $(function () { //按钮点击事件 $("#btn1").click(function () { var message = $("<tr><td>" + $("#name").val() + "</td><td>" + $("#txt").val() + "</td></tr>"); $("#tb").append(message); }); }); </script> </head> <body>  <table id="tb" rules="all"> <tr> <td> 姓名： </td> <td> 评论： </td> </tr> </table>  <table>

HTML中table标签的跨多行和多列布局方法

阅读更多关于 HTML中table标签的跨多行和多列布局方法

先放一张布局效果效果图在实现这一布局效果时，主要应用了rowspan、colspan跨行和跨列的属性布局。在所跨的行或者列，在其他行或者列中也是占位的。比如：第一项项目基本信息是跨过5行，因此在接下来的4行中，第一列已经是默认被占了，行中的td列是从第二列开始布局；最后一行，项目得分占据6列，因此第二个td实际对应的是该行的第七列。具体实现代码如下： HTML布局代码：  <div class="chartbox"> <ul class="chartmenu"> <li>模块</li> <li>一级类目</li> <li>评估标准满分</li> <li>项目得分</li> <li>子模块得分（%）</li> <li>权重</li> <li>*权重得分</li> </ul> <table cellpadding="0" cellspacing="0">  <tbody> <tr rowspan="6" class="table-row"> <th rowspan="5" class="table-name">项目基本信息</th> <td rowspan="1" class="table-first">项目基本概况</td> <td rowspan="1" class="table-all">-9-</td> <td

html注册表

阅读更多关于 html注册表

效果图如下： 1、构思：首先，这事一个表格结构的注册表，总体分为三部分，1.会员登录名和密码，2.姓名和联系方式，3.公司名称和主营业务；我们可以把表格分成表头，表身，表尾；用代码实现为：先创建一个表格分成三部分： <table width="1000" align="center" cellpadding="10" cellspacing="0"> <thead> </thead> <tbody> </tbody> <tfoot> </tfoot> </table> 说明：<table></table>标签创建出一个大的表格，其中<table>标签的几个重要的元素，width控制表格的宽度；align控制表格的对齐方式；cellpadding控制行中文字在表格中和表格上下边框的距离，cellpadding控制单元格之间的空白。 2、在表格里面使用几个重要的标签进行表格的分解 <tr> 绘制表格的行 <th>表头单元格，用来绘制表头，显示的字会比较大一点。 <td>绘制表格的列 <input>根据不同type属性，来创建文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 <style>创建CSS样式 3、跨行跨列如果需要将内容横跨多个行或列，使用 colspan属性来合并行，和 rowspan 属性来合并列。最后完整代码如下： <!DOCTYPE

Html+CSS完成表格

阅读更多关于 Html+CSS完成表格

最近在学习HTML、CSS在学习表格<table>标签时，发现HTML标签本身并不能修饰好看的表格，这时候需要CSS上场了，此处为内嵌CSS，CSS代码需要写在<style type="text/css">...</style>之间，table为类选择器，满足所有与table有关的标签。没有采用CSS之前如图，可以发现很丑 [html] view plain copy > < html > < head > < title > table </ title > < style type = "text/css" > </ style > </ head > < body > < table border = "1" > < caption > 纵向表格 </ caption >  < tr > < td > 姓名 </ td > < td > 小丽 </ td > </ tr > < tr > < td > 电话 </ td > < td > 123 </ td > </ tr > < tr > < td > 性别 </ td > < td > Ů </ td > </ tr > < table border = "1" > < caption > 横向表格 </ caption >  < tr > < td > 姓名 </ td > < td

HTML制作WORD表格

阅读更多关于 HTML制作WORD表格

align：让内容居中，取值为left、right、center border：设置表格的边框 cellspacing：单元格与单元格之间的距离 bgcolor：表格的背景色 colspan：跨列数 rowspan：跨行数 <table class="table" style="width:100%;height:100%;border:1px solid;align:center;font-size:12px;" border cellspacing="0" cellpadding="0"> <caption style="font-size:24px;font-weight:bold;">个人信息登记表</caption> <tr align="center"> <td rowspan="2"><div class="div1">个人信息</div></td> <td>名称：</td> <td colspan="3"><input class="myInput"/></td> <td>性别：</td> <td><input class="myInput"/></td> <td>年龄：</td> <td><input class="myInput"/></td> </tr> <tr align="center"> <td>地址：</td> <td colspan="3">

Beautiful Soup 解析html表格

阅读更多关于 Beautiful Soup 解析html表格

from bs4 import BeautifulSoup import urllib . request doc = urllib . request . urlopen ( 'http://www.bkzy.org/Index/Declaration?intPageNo=1' ) doc = doc . read (). decode ( 'utf-8' ) soup = BeautifulSoup ( doc , "html.parser" ) school = 0 pro_code = 1 pro_name = 2 xuewei = 3 pdf = 4 # find_all 查到所有tr列表 for tr in soup . find_all ( 'tr' ,):　　 # 在每个tr找td td = tr . find_all ( 'td' ) try : print ( '%s_%s_%s_%s.pdf' % ( td [ school ]. text . strip (), td [ pro_code ]. text . strip (), td [ pro_name ]. text . strip (), td [ xuewei ]. text . strip ()) , td [ pdf ]. find ( 'a' )[ 'href' ]) except

HTML Table to Json

阅读更多关于 HTML Table to Json

<table class="table table-striped table-bordered table-hover dataTable no-footer" id="boltAreaDetailType" role="grid" aria-describedby="sample_2_info"> <thead> <tr> <td data-override="BoltName" >螺栓型号</td> <td data-override="BoltType">螺栓规格</td> <td data-override="Num">数量</td> <td>操作</td> </tr> </thead> <tbody id="tableBoltAreaTypeBody"></tbody> </table> var table = $('#boltAreaDetailType').tableToJSON({ extractor: { 0: function (cellIndex, $cell) { return $cell.find('option:selected').val(); }, 1: function (cellIndex, $cell) { return $cell.find('option:selected').val(); }, 2: function

jquery简单实现表格隔行变色

阅读更多关于 jquery简单实现表格隔行变色

小知识点 :odd 的过滤选择器大的使用 html代码： <table> <tr> <td>用户名</td> <td>年龄</td> <td>编号</td> </tr> <tr> <td>佩奇</td> <td>5</td> <td>344</td> </tr> <tr> <td>尼克</td> <td>8</td> <td>233</td> </tr> <tr> <td>莫妮卡</td> <td>16</td> <td>277</td> </tr> <tr> <td>雷奥</td> <td>14</td> <td>455</td> </tr> <tr> <td>恒猪猪</td> <td>3</td> <td>588</td> </tr> </table> css代码： body,div,p,table,tr,td{ margin: 0; padding: 0; } table{ border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; } tr,td{ border: 1px solid #ccc; } td{ width: 100px; /* background-color: ;; */ } jquery代码 var tdstrs=$('tr:odd') tdstrs.css(

订阅 td