js+dom增加删除表格行代码

更新时间：2016年9月20日 19:02 点击：1495

js+dom增加删除表格行代码

<table id="tbl" width="300" name="tbl" border="1">
<tr>
    <td width="160">content</td>
    <td>name</td>
    <td><input type="button" value="add" onclick="insert_row()"></td>
</tr>
</table>
<script language="javascript">
var i=0
function insert_row(){
i++
R=tbl.insertRow()
C=R.insertCell()
C.innerHTML="<input type='text' name='name'>"
C=R.insertCell()
C.innerHTML="name"+i
C=R.insertCell()
C.innerHTML="<input type='button' value='delete' onclick='tbl.deleteRow("+(i-1)+")'>"
}
</script>

应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的“存在”，虽然IE7已经支持都是IE6还是不行。查了一些资料，基本解决了这一问题，准备应用到PJskin上。
虽然有让IE6支持PNG透明背景的JS程序，都是不是很方便，还是用CSS来实现的好。使用到的就是：
IE5.5+的AlphaImageLoader滤镜
引用内容语法：
filter : progidXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性：
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
　　　　　　true : 默认值。滤镜激活。
　　　　　　false : 滤镜被禁止。

sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
　　　　　　　　image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
　　　　　　　　scale : 缩放图片以适应对象的尺寸边界。
　　　　　　　　src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

说明：
在对象容器边界内，在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。

了解了以上的内容，可以写一段简单的CSS代码（还不是完全正确的代码）：
引用内容
#div1 {
   height: 600px;
   width: 260px;
   padding: 20px;
   background-repeat: repeat;
   filter: progidXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="bj1.png"

}

今天收藏了大量的正则表达试代码,我想这想这些都是常用的会对各位朋友们有用的.下面来看看吧.
匹配特定字符串：

^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串

^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串

^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串

^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串

^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串

评注：表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^s]*

评注：网上流传的版本功能很有限，上面这个基本可以满足需求

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

评注：表单验证时很实用

匹配HTML标记的正则表达式：<(S*?)[^>]*>.*?</1>|<.*? />

评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式：^s*|s*$

评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

评注：中国的身份证为15位或18位

匹配ip地址：d+.d+.d+.d+

评注：提取ip地址时有用

匹配特定数字：
^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数

^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）

^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）

^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数

^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）

^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数

^[1-9]d*$　　 //匹配正整数

^-[1-9]d*$ 　 //匹配负整数

^-?[1-9]d*$　　 //匹配整数

评注：处理大量数据时有用，具体应用时注意修正

匹配中文字符的正则表达式： [u4e00-u9fa5]

匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

匹配国内电话号码：d{3}-d{8}|d{4}-d{7}

      评注：匹配形式如 0511-4405222 或 021-87888822

      匹配身份证：d{15}|d{18}

评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

匹配双字节字符(包括汉字在内)：[^x00-xff]

评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

匹配空白行的正则表达式：ns*r

评注：可以用来删除空白行

匹配腾讯QQ号：[1-9][0-9]{4,}

评注：腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]d{5}(?!d)

评注：中国邮政编码为6位数字
本站收藏转载请注明www.111cn.net/phper/php.html

因为是现在才学习html，所以我还是按照标准来，也就是符合w3c标准，这样的话做出来的东西也比较好点，也就直接学习xhtml.
      XHTML 是什么？

      * XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language）。
      * XHTML 的目标是取代 HTML。
      * XHTML 与 HTML 4.01 几乎是相同的。
      * XHTML 是更严格更纯净的 HTML 版本。
      * XHTML 是作为一种 XML 应用被重新定义的 HTML。
      * XHTML 是一个 W3C 标准。
      虽然在html中的标签大小写是一样的，但为了符合xhtml，建议都小写,养成良好的习惯。
      HTML 文档是由 HTML 元素构成的文本文件。HTML 元素是通过使用 HTML 标签进行定义的。
      HTML 标签
      * HTML 标签是用来标记 HTML 元素的。
      * HTML 标签被 < 和 > 符号包围。
      * 这些包围的符号叫作尖括号。
      * HTML 标签是成对出现的。例如 <b> 和 </b>。
      * 位于起始标签和终止标签之间的文本是元素的内容。
      * HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。建议都写成小写
   html的结构
   <HTML>
   <HEAD>
                  <TITLE>一个简单的HTML示例</TITLE>
      </HEAD>
      <BODY>
      正文内容
   </BODY>
</HTML>
由于html是一个简单的静态语言，所以我们看到它的整体结构就看一下手册，我正在看，计划一天结束html。
最后加一个html手册。大家看下手册就行了，一定要记住符合xhtml

01、让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动：
<Body Background="图片文件" bgproperties="fixed">

02、让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>

03、让IFRAME框架内的文档的背景透明
<iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>
04、禁止右键：
<bodyonmouseup="document.selection.empty()">

05、进入页面后立即自动刷新？
<meta http-equiv="refresh" content="120;url=http://www.qpsh.com">
http://www.qpsh.com,这是你自己的网址。

06、打开窗口即最大化
<script language="JavaScript">

</script>

07、能隐藏IFRAME的滚动条吗？我知道的三种方法：
(1)、设置iframe scrolling="no"
(2)、被包含页body应用overflow:hidden
(3)、被包含页的body标签加scroll="no"
08、加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE ,TT都适用
09、嵌入网页
<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

10、跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

11、滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>
12、细线分隔线
<hr noshade size=0 color=#C0C0C0>
13、过度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

15、如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
16、怎样在 FrontPage2000 中加入 Flash 动画？
在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。
17、加入注释的格式是：
<!-［注释内容…］-->
18、怎样在网页中加入 E-mail 链接并显示预定的主题？
<A href="[email=Email@263.net?subject]mailto:Email@263.net?subject[/email]=主题">……</a>

19、定义本网页关键字，可以在<Head></Head>中加入如下代码:
<meta name="Keywords" content="china,网页特效园地,business,net">
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如：
<meta name="Keywords" content="china,china,china,china">
20、IE5.0 的部分快捷键：
A：打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME
21、添加到收藏夹：
<a href="javascript:window.external.addFavorite(‘http://链接‘,‘说明‘);">添加到收藏夹</a>
22、设为首页：
<a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://链接‘);>设为首页</a>
23、定制浏览器地址栏前的小图标：
A：在网页的<head></head>间加入以下语句：

link rel="shortcuticon" href="http://…/icon.ico">

即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。
24、把滚动条放在浏览器窗口的左边
A：在 <body> 中加 dir=RTL，即 <body dir=RTL>。

[!--infotagslink--]

上一篇: Linux系统环境下安装Oracle 10g的困难

下一篇: 单件模式结合命令链模式

php读取zip文件(删除文件,提取文件,增加文件)实例
下面小编来给大家演示几个php操作zip文件的实例，我们可以读取zip包中指定文件与删除zip包中指定文件，下面来给大这介绍一下。从zip压缩文件中提取文件代...2016-11-25
不打开网页直接查看网站的源代码
　　有一种方法，可以不打开网站而直接查看到这个网站的源代码.. 　　这样可以有效地防止误入恶意网站... 　　在浏览器地址栏输入：　　view-source:http://...2016-09-20
php 调用goolge地图代码
<?php require('path.inc.php'); header('content-Type: text/html; charset=utf-8'); $borough_id = intval($_GET['id']); if(!$borough_id){ echo ' ...2016-11-25
JS基于Mootools实现的个性菜单效果代码
本文实例讲述了JS基于Mootools实现的个性菜单效果代码。分享给大家供大家参考，具体如下：这里演示基于Mootools做的带动画的垂直型菜单，是一个初学者写的，用来学习Mootools的使用有帮助，下载时请注意要将外部引用的mootools...2015-10-23
删除条目时弹出的确认对话框
复制代码代码如下: <td> <a href="/member/life/edit_ppt/<?php echo $v->id;?>" class="btn">编辑</a> <a href="javascript:;" onclick="if(confirm('您确定删除这条记录？')){location.href='/member/life/d...2014-06-07
JS+CSS实现分类动态选择及移动功能效果代码
本文实例讲述了JS+CSS实现分类动态选择及移动功能效果代码。分享给大家供大家参考，具体如下：这是一个类似选项卡功能的选择插件，与普通的TAb区别是加入了动画效果，多用于商品类网站，用作商品分类功能，不过其它网站也可以用，...2015-10-21
JS实现自定义简单网页软键盘效果代码
本文实例讲述了JS实现自定义简单网页软键盘效果。分享给大家供大家参考，具体如下：这是一款自定义的简单点的网页软键盘，没有使用任何控件，仅是为了练习JavaScript编写水平，安全性方面没有过多考虑，有顾虑的可以不用，目的是学...2015-11-08
php 取除连续空格与换行代码
php 取除连续空格与换行代码，这些我们都用到str_replace与正则函数第一种： $content=str_replace("n","",$content); echo $content; 第二种： $content=preg_replac...2016-11-25
php简单用户登陆程序代码
php简单用户登陆程序代码这些教程很对初学者来讲是很有用的哦，这款就下面这一点点代码了哦。 <center> <p> </p> <p> </p> <form name="form1...2016-11-25
PHP实现清除wordpress里恶意代码
公司一些wordpress网站由于下载的插件存在恶意代码，导致整个服务器所有网站PHP文件都存在恶意代码，就写了个简单的脚本清除。恶意代码示例...2015-10-23
js识别uc浏览器的代码
其实挺简单的就是if(navigator.userAgent.indexOf('UCBrowser') > -1) {alert("uc浏览器");}else｛//不是uc浏览器执行的操作｝如果想测试某个浏览器的特征可以通过如下方法获取JS获取浏览器信息浏览器代码名称：navigator...2015-11-08
JS实现双击屏幕滚动效果代码
本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下：这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。运行效果截图如下：在线演...2015-10-30
JS日期加减,日期运算代码
一、日期减去天数等于第二个日期function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() +...2015-11-08
PHP开发微信支付的代码分享
微信支付，即便交了保证金，你还是处理测试阶段，不能正式发布。必须到你通过程序测试提交订单、发货通知等数据到微信的系统中，才能申请发布。然后，因为在微信中是通过JS方式调用API，必须在微信后台设置支付授权目录，而且要到...2014-05-31
php跨网站请求伪造与防止伪造方法
伪造跨站请求介绍伪造跨站请求比较难以防范，而且危害巨大，攻击者可以通过这种方式恶作剧，发spam信息，删除数据等等。...2013-10-01
java 画pdf用itext调整表格宽度、自定义各个列宽的方法
这篇文章主要介绍了java 画pdf用itext调整表格宽度、自定义各个列宽的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-31
PHP常用的小程序代码段
本文实例讲述了PHP常用的小程序代码段。分享给大家供大家参考，具体如下：1.计算两个时间的相差几天$startdate=strtotime("2009-12-09");$enddate=strtotime("2009-12-05");上面的php时间日期函数strtotime已经把字符串...2015-11-24
C#实现动态生成表格的方法
这篇文章主要介绍了C#实现动态生成表格的方法,是C#程序设计中非常实用的技巧,需要的朋友可以参考下...2020-06-25
php怎么用拼音简单的php中文转拼音的实现代码
小编分享了一段简单的php中文转拼音的实现代码，代码简单易懂，适合初学php的同学参考学习。代码如下复制代码 <?phpfunction Pinyin($_String...2017-07-06
Centos中彻底删除Mysql（rpm、yum安装的情况）
我用的centos6，mysql让我整出了各种问题，我想重装一个全新的mysql，yum remove mysql-server mysql之后再install并不能得到一个干净的mysql，原来的/etc/my.cnf依然没变，datadir里面的数据已没有任何变化，手动删除/etc/my.cn...2015-03-15

js+dom增加删除表格行代码

相关文章

阁下可能感兴趣的内容

推荐阅读