摘要:.....复选框的全选、全不选与反选非常常用,实现的方法也比较多。今天写这个是用按钮来控制的,当然也可以使用复选框本身来控制。好了,废话不多说,直接上代码,看代码就是最直接的学习方式。 1 <html> 2 <head> 3 <title>checkbox test</title> 4 <script type="text/javascript"> 5 function $(id) { return document.getElementById(id); } 6 /** 7 * 选择复选框 8
阅读全文
摘要:.....在HTML中,为了使用某些预留字符(如<、>等等)或者中文乱码等问题,可以使用HTML字符实体编码或实体名来解决。实体名称就是类似<、>这样的东西,虽然大部分主流浏览器都可以支持实体名,但是也不排除新老浏览器存在不兼容的问题,所以使用实体编码是一种比较靠谱的方案,无论浏览器的编码是什么,使用实体编码的文字都不会出现乱码。那么字符与实体编码之间是怎样转换的呢?且看代码: 1 <html> 2 <head> 3 <title>字符转HTML实体编码</title> 4 <script> 5
阅读全文
摘要:..... 让文本框只能输入数字也是我们非常常用的一种功能,很多程序中涉及的例如财务、销售等等领域的地方,想要限制用户的输入是非常必要的,如果不能限制用户的输入内容的合法性,轻则系统异常,重则数据错误,所以对用户输入域的合法性验证或限制不容小觑。 好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。 1 function chkPrice(obj){ 2 obj.value = obj.value.replace(/[^\d.]/g,""); 3 //必须保证第一位为数字而不是. 4 obj.v...
阅读全文
摘要:.....我的表格是动态生成的,所以无法使用 ID 获取到单元格或文本框对象,于是使用浏览器自带的 JavaScript 调试工具调试了半天,终于获取到单元格中的文本框里面的值了。1 //获取单元格的子节点,也就是文本框对象,并对其取值2 varmun = document.getElementById("tab").rows[0].cells[3].childNodes[0].value;如果直接获取单元格中的值可以这样写:1 var num = document.getElementById("tab").rows[0].cells[3].inner
阅读全文
摘要:....<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title>JavaScript 验证码</title>&l
阅读全文
摘要:.... 1 <script> 2 scHTML='<div id="selectcontent" class="selectdiv" style="visibility:hidden;"><iframe id=selframe frameborder=0 height=100%></iframe><div id="selecthtml" class="selectcontent">selectáD±
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>JS去除左右空格</TITLE><SCRIPT language="javascript">function LTrim(str){ //去掉字符串 的头空格var i;for(i=0;i<str.length;i++){ if(str.charAt(i)!=" "&
阅读全文
摘要:.... <SCRIPT language="javascript" >/*检验邮政编码:6位数字*/function checkPostcode( ){var str=document.form1.txtPostCode.value;var reg = /^\d{6}$/ ; if (reg.test(str)){ alert ("恭喜邮政编码通过验证!") return true; }else { alert ("请输入合法的邮政编码!") return false; } } /*检验是否是合法的帐户*/functio
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:....<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>作业:五张图片轮换广告</TITLE><STYLE type="text/css">.font-scroll{width:20px; text-align:center; padding-top:1px;cursor:hand;border:1 #414141 solid; font-
阅读全文
摘要:....<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>轮换横幅广告</TITLE><SCRIPT language="JavaScript"> var NowFrame = 1; var MaxFrame = 3; function show() { for(var i=1;i<(MaxFrame+1);i++){ if(i==No
阅读全文
摘要:....<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>横向菜单</TITLE><STYLE type="text/css">td { FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;}div{/*设置层背景样式*/background-color:#669933;text-align:
阅读全文
摘要:....<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>收缩左边栏效果</TITLE><STYLE type="text/css">td{font-size:12px;line-height:22px;}.red{color: #FF0000}</STYLE><SCRIPT language="JavaScrip
阅读全文
摘要:....<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>树形菜单</TITLE><STYLE type="text/css">DIV { FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;}A{FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要:....<!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><meta http-equiv="Content-Type" content="text/html; charset=
阅读全文