td

搜索关键字描红

心不动则不痛 提交于 2020-02-14 22:52:36
使用JavaScript对处理关键字对后台数据库进行搜索时,对得到的搜索记录中的匹配关键字进行描红处理: 1: $.getJSON("http://10.65.9.187:8090/MySQLdemo/servlet/SearchControl", {"keyword":keyword}, function(data) { 2: //alert(data[1].bookname); 3: $.each(data, function(index, item){ 4: str += "<tr><td>"+item.id+"</td><td>"+item.bookname+"</td><td>"+item.issuDate+"</td><td>"+item.price+"</td><td>"+item.synopsis+"</td><td>"+item.Maker+"</td><td>"+item.pulisher+"</td></tr>"; 5: }); 6: str = str.replace(new RegExp(keyword, "gi"), "<font color='red'>"+keyword+"</font>"); 7: $("#mytb").html(str); 8: 9: }); 在这里有一个问题需要注意:使用 string .replace( regexp ,

html初学

試著忘記壹切 提交于 2020-02-13 05:07:37
<html> <head> <title>Welcome</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <?php echo "Welcome to PHP's world!" ?> <TABLE BORDER=2> <TR> <TD>姓名</TD> <TD>性别</TD> <TD>分数</TD> </TR> <TR> <TD>亚楠</TD> <TD>女</TD> <TD>80</TD> </TR> <TR> <TD>书香</TD> <TD>女</TD> <TD>80</TD> </TR> <TR> <TD>志刚</TD> <TD>男</TD> <TD>80</TD> </TR> </table> </body> </html>   因为开发前端报表,自己没有接触过html和php,所以搭好LAMP环境,仅为验证下。。。感觉前端的水还是很深的。。。 来源: https://www.cnblogs.com/LyningCoder/p/4177952.html

GridView动态生成列之一

馋奶兔 提交于 2020-02-13 04:30:00
今天做了一个功能,根据页面不同的按钮预览关联的数据列表,之前用MultiView 实现了此功能,后来查找资料通过动态生成GridView列生成预览效果, 现分享如下: 数据源:Excel /Access/sql.... 环境:VS 2008 一、普通列显示: 公共方法: 代码 /// <summary> /// 绑定生成GridView /// </summary> /// <param name="gdv"> 要绑定的GridView </param> /// <param name="dtblDataSource"> GridView的数据源 </param> /// <param name="strDataKey"> GridView的DataKeyNames </param> public static void GridViewBind(GridView gv, DataTable source, string dataKeys) { gv.Columns.Clear(); gv.AutoGenerateColumns = false ; gv.DataSource = source; gv.DataKeyNames = new string [] { dataKeys }; for ( int i = 0 ; i < source.Columns.Count; i ++

jquery测试文档

隐身守侯 提交于 2020-02-12 02:17:27
Jquery版本:* jQuery JavaScript Library v1.3.2 * http://jquery.com/ 引用:<script src="JS/jquery.js" type="text/javascript"></script> 测试1:给隐藏域赋值: 控件:<input type="hidden" id="hdInfo" /> 脚本:function aa() { jQuery("#hdInfo").val('test'); alert(jQuery("#hdInfo").val()); //等价于 $("#hdInfo").val('test'); alert($("#hdInfo").val()); } 测试2:获得table第一列的所有数据: 控件:<table cellspacing="0" rules="all" border="1" id="dataGridView1" style="border-collapse:collapse;"> <tr> <th scope="col">编号</th><th scope="col">学号</th><th scope="col">姓名</th><th scope="col">课程编号</th><th scope="col">课程名称</th><th scope="col">分数</th> </tr>

html入门(四)—— 表格(table)

限于喜欢 提交于 2020-02-11 19:53:57
1. 基本标签 A. 表格的基本标签包括 table(表格),必要标签 caption(表名) tr(行,即table row),必要标签 th(表头,即table header,浏览器将其解释为加粗且居中显示) td(单元格,即table data cell,浏览器将其解释为居左显示),必要标签 e.g. <table> <caption>成绩表</caption> <tr> <th>姓名</th> <th>语文</th> <th>数学</th> </tr> <tr> <td>小明</td> <td>90</td> <td>80</td> </tr> <tr> <td>小丽</td> <td>98</td> <td>90</td> </tr> <tr> <td>平均</td> <td>94</td> <td>85</td> </tr> </table> B. 默认情况下,表格没有边框,需要使用CSS添加。 2. 表格语义话 A. 可通过使用thead、tbody和tfoot标签增加表格的语义话 e.g. <table> <caption>成绩表</caption> <thead> <tr> <th>姓名</th> <th>语文</th> <th>数学</th> </tr> <thead/> <tbody> <tr> <td>小明</td> <td>90</td> <td>80<

yii2下,tabel设置width无效

那年仲夏 提交于 2020-02-10 16:05:31
魏曦的视频……去年完全没有的问题,现在: DetailView::widget 'template'=>'<tr><th style="width:120px;height:100px;color: #1c7430;"><div>{label}</div></th><td>{value}</td></tr>', 除了width,其他css都有效。 ??? 用360浏览器,极速模式。 换了兼容模式就可以了。 ??? 什么原因? https://blog.csdn.net/xijiangnan/article/details/84950665 https://blog.csdn.net/bluelotos893/article/details/78551252 很多类似文章,但是我依然找不到答案。 现在用兼容ie模式。 不过,也不是非常重要。 来源: CSDN 作者: ccc201911 链接: https://blog.csdn.net/kfgauss/article/details/104247847

学生管理servlet

送分小仙女□ 提交于 2020-02-10 09:01:27
下载链接 目录结构如下: edu.lishan.bean>>         Student.java edu.lishan.servlet>>         LoginServlet.java edu.lishan.util>>         DbConnect.java WebRoot>>         index.jsp         loginAction.jsp         stuAdd.jsp Student.java package edu.lishan.bean; public class Student { private int id; private String name; private String sex; private String specialty; private String grade; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSex() { return sex; } public

Web前端(6)_表格

泪湿孤枕 提交于 2020-02-10 04:08:48
1、表格的基本结构 2、跨行的表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行级标签</title> </head> <body> <table border="1"> <tr> <td colspan="3">学生成绩表</td> </tr> <tr> <td>英语</td> <td>数学</td> <td>语文</td> </tr> <tr> <td>95</td> <td>99</td> <td>99</td> </tr> </table> </body> </html> View Code 3、跨列的表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行级标签</title> </head> <body> <table border="1"> <tr> <td rowspan="3" >早上菜谱</td> <td>食物</td>> <td>鸡蛋</td> </tr> </tr> <tr> <td>甜点</td> <td>蛋挞</td> </tr> <tr> <td>食物</td>> <td>鸡蛋</td> </tr> </table> </body> </html> View

练习 九九乘法表

此生再无相见时 提交于 2020-02-09 22:58:02
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <table> <th colspan="9">九九乘法表</th> </table> <script src="./index.js"></script> </body> </html> JS部分 let table = document.getElementsByTagName("table")[0]; for (let i = 1; i <= 9; i++) { let tr = document.createElement("tr"); for (let j = 1; j <= i; j++) { let td = document.createElement("td"); let equation=document.createTextNode(j+"*"+i+"="+i*j); td.appendChild

Java EE入门(一)——HTML基础

余生颓废 提交于 2020-02-09 12:54:04
Java EE入门(一)——HTML基础   iwehdio的博客园: https://www.cnblogs.com/iwehdio/ 1、HTML基础 Hyper Text Markup Language:超文本标记语言。 是设计网页的基础。 超文本:比普通文本更加强大,可以添加各种样式。 标记语言:通过一组标签()来对内容进行描述,由浏览器解释执行。 HTML 语法规范: <!DOCTYPE html> <!-- 1、<!DOCTYPE html>是文档声明,不同的html规范声明形式也不同。 2、<html></html>是根标签。 3、html文件包含两部分,头部分和体部分。 4、<head></head>头部分主要是用来放置页面信息。 5、<body></body>体部分主要是用来放置页面内容。 6、通过标签对内容进行描述,标签通常都是由开始标签和结束标签组成,标签不区分大小写。 --> <html> <head> <!--网站的配置信息,指定浏览器打开页面的编码方式--> <meta charset="utf-8" /> <!--指定网站标题--> <title>HTMLDemo</title> </head> <body> <!--显示内容--> HelloWorld </body> </html> 标签: 对于需要包裹内容的标签,分为头尾 <标签></标签> 。