随笔分类 -  JavaScript

1 2 下一页

JS 控制复选框 checkbox 的全选、全不选与反选
摘要：.....复选框的全选、全不选与反选非常常用，实现的方法也比较多。今天写这个是用按钮来控制的，当然也可以使用复选框本身来控制。好了，废话不多说，直接上代码，看代码就是最直接的学习方式。 1 <html> 2 <head> 3 <title>checkbox&nbsp;test</title> 4 <script type="text/javascript"> 5 function $(id) { return document.getElementById(id); } 6 /** 7 * 选择复选框 8 阅读全文

posted @ 2012-12-29 15:19 0xCAFEBABE 阅读(5862) 评论(0) 推荐(0)

JS 转换HTML实体字符
摘要：.....在HTML中，为了使用某些预留字符（如<、>等等）或者中文乱码等问题，可以使用HTML字符实体编码或实体名来解决。实体名称就是类似&lt;、&gt;这样的东西，虽然大部分主流浏览器都可以支持实体名，但是也不排除新老浏览器存在不兼容的问题，所以使用实体编码是一种比较靠谱的方案，无论浏览器的编码是什么，使用实体编码的文字都不会出现乱码。那么字符与实体编码之间是怎样转换的呢？且看代码： 1 <html> 2 <head> 3 <title>字符转HTML实体编码</title> 4 <script> 5 阅读全文

posted @ 2012-09-29 17:11 0xCAFEBABE 阅读(7605) 评论(0) 推荐(0)

限制文本框只能输入数字
摘要：..... 让文本框只能输入数字也是我们非常常用的一种功能，很多程序中涉及的例如财务、销售等等领域的地方，想要限制用户的输入是非常必要的，如果不能限制用户的输入内容的合法性，轻则系统异常，重则数据错误，所以对用户输入域的合法性验证或限制不容小觑。 好了，言归正传。话说我在网上找了很多限制文本框的办法都不尽人意，于是只好自己动手实践了，实践出真知嘛，这句话没错的。 1 function chkPrice(obj){ 2 obj.value = obj.value.replace(/[^\d.]/g,""); 3 //必须保证第一位为数字而不是. 4 obj.v... 阅读全文

posted @ 2012-07-13 10:47 0xCAFEBABE 阅读(1532) 评论(3) 推荐(2)

JavaScript 获取 table 中某一个单元格中文本框的值
摘要：.....我的表格是动态生成的，所以无法使用 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 阅读全文

posted @ 2012-01-25 15:10 0xCAFEBABE 阅读(3735) 评论(0) 推荐(0)

闲来无趣，写了个简单的JavaScript验证码
摘要：....<!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 阅读全文

posted @ 2011-07-12 04:06 0xCAFEBABE 阅读(1810) 评论(1) 推荐(1)

不同格式的下拉列表框
摘要：.... 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± 阅读全文

posted @ 2011-06-06 15:54 0xCAFEBABE 阅读(293) 评论(4) 推荐(0)

下拉列表框级联
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:49 0xCAFEBABE 阅读(1622) 评论(0) 推荐(0)

JS去除字符串两边空格
摘要：<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)!=" "& 阅读全文

posted @ 2011-06-06 15:47 0xCAFEBABE 阅读(4564) 评论(0) 推荐(2)

验证邮编和账户
摘要：.... <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 阅读全文

posted @ 2011-06-06 15:46 0xCAFEBABE 阅读(572) 评论(0) 推荐(0)

邮箱验证
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:44 0xCAFEBABE 阅读(313) 评论(0) 推荐(0)

日期控件
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:42 0xCAFEBABE 阅读(791) 评论(0) 推荐(0)

表单验证1
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:36 0xCAFEBABE 阅读(359) 评论(0) 推荐(0)

带按钮的图片横幅广告
摘要：....<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- 阅读全文

posted @ 2011-06-06 15:35 0xCAFEBABE 阅读(1128) 评论(0) 推荐(0)

轮换横幅广告
摘要：....<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 阅读全文

posted @ 2011-06-06 15:34 0xCAFEBABE 阅读(456) 评论(0) 推荐(0)

横向菜单
摘要：....<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: 阅读全文

posted @ 2011-06-06 15:32 0xCAFEBABE 阅读(314) 评论(0) 推荐(0)

收缩左边栏效果
摘要：....<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 阅读全文

posted @ 2011-06-06 15:31 0xCAFEBABE 阅读(2031) 评论(0) 推荐(0)

树形菜单
摘要：....<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 阅读全文

posted @ 2011-06-06 15:30 0xCAFEBABE 阅读(385) 评论(0) 推荐(0)

美女展示 - 大小图切换
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:28 0xCAFEBABE 阅读(234) 评论(0) 推荐(0)

DIV广告的移动
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:26 0xCAFEBABE 阅读(489) 评论(0) 推荐(0)

使用DOM操作样式属性
摘要：....<!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= 阅读全文

posted @ 2011-06-06 15:25 0xCAFEBABE 阅读(174) 评论(0) 推荐(0)

1 2 下一页

导航