BlogJava-Energy of Love-随笔分类-HTML/JS/CSShttp://www.blogjava.net/titanaly/category/39906.htmlzh-cnSat, 10 Nov 2012 14:25:42 GMTSat, 10 Nov 2012 14:25:42 GMT60parseInt的08,09bughttp://www.blogjava.net/titanaly/archive/2012/11/08/391014.html不高兴不高兴Thu, 08 Nov 2012 05:49:00 GMThttp://www.blogjava.net/titanaly/archive/2012/11/08/391014.htmlhttp://www.blogjava.net/titanaly/comments/391014.htmlhttp://www.blogjava.net/titanaly/archive/2012/11/08/391014.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/391014.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/391014.html     parseInt("08")=0;
    parseInt("09")=0;

这里先回顾一下parseInt的函数声明:

/*
 * 将字符串解析成数字时，从左向右依此解析，解析到第一个非法字符即停止。
 * 若指定radix为2-36之间的数字，则按相应的进制进行解析；
 * 若radix指定为1，或大于36的数字，则直接返回NaN
 * 若指定radix为0，或未指定radix，则根据字符串开头字符确定:
 *  以'1-9'开头的字符串，按10进制解析；
 *  以'0'开头的字符串，按8进制解析；
 *  以'0x'或'0X'开头的字符串，按16进制解析。
 * 
 * @param string 要被解析的字符串。
 * @param radix  表示要解析的数字的基数。该值介于 2 ~ 36 之间。
 */
parseInt(string, radix)


 ‘01’到’07’，按8进制或10进制解析会得到相同的结果。 而’08’，’09’按8进制解析会得到’0’，因为’8’、’9’在8进制中是非法字符，不会被解析。由此导致上述的bug。
找到问题根源，修复就变得很简单了，显示指定radix为10.
parseInt("08",10);


不高兴 2012-11-08 13:49 发表评论
]]>css中className命名规则http://www.blogjava.net/titanaly/archive/2012/02/03/369335.html不高兴不高兴Fri, 03 Feb 2012 09:58:00 GMThttp://www.blogjava.net/titanaly/archive/2012/02/03/369335.htmlhttp://www.blogjava.net/titanaly/comments/369335.htmlhttp://www.blogjava.net/titanaly/archive/2012/02/03/369335.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/369335.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/369335.html    今天找一个css的加载问题,class已经被浏览器加载到,但是属性值一直不显示出来,几经查找才发现className以数字开头命名的,导致浏览器不认可,整一个悲剧

不高兴 2012-02-03 17:58 发表评论
]]>JS改变IMG的src时图片显示不全的解决方法http://www.blogjava.net/titanaly/archive/2011/12/20/366873.html不高兴不高兴Tue, 20 Dec 2011 10:12:00 GMThttp://www.blogjava.net/titanaly/archive/2011/12/20/366873.htmlhttp://www.blogjava.net/titanaly/comments/366873.htmlhttp://www.blogjava.net/titanaly/archive/2011/12/20/366873.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/366873.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/366873.htmlhttp://www.pcmonkey.cn/viewblog_41.html

在<a>的Onclick事件里加上一个return flase就行了

<a href="javascript:" onclick="ShowImg('002.jpg'); return false;">更换图片</a>



不高兴 2011-12-20 18:12 发表评论
]]>一段有趣的Javascript代码及分析http://www.blogjava.net/titanaly/archive/2011/12/08/365845.html不高兴不高兴Thu, 08 Dec 2011 03:11:00 GMThttp://www.blogjava.net/titanaly/archive/2011/12/08/365845.htmlhttp://www.blogjava.net/titanaly/comments/365845.htmlhttp://www.blogjava.net/titanaly/archive/2011/12/08/365845.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/365845.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/365845.html


不高兴 2011-12-08 11:11 发表评论
]]>js 修改背景图片偏移量http://www.blogjava.net/titanaly/archive/2011/11/15/363842.html不高兴不高兴Tue, 15 Nov 2011 06:44:00 GMThttp://www.blogjava.net/titanaly/archive/2011/11/15/363842.htmlhttp://www.blogjava.net/titanaly/comments/363842.htmlhttp://www.blogjava.net/titanaly/archive/2011/11/15/363842.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/363842.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/363842.htmldocument.getElementById(obj).style.backgroundPosition="10px 0px";

不高兴 2011-11-15 14:44 发表评论
]]>网页延时加载js文件http://www.blogjava.net/titanaly/archive/2011/09/08/358269.html不高兴不高兴Thu, 08 Sep 2011 02:25:00 GMThttp://www.blogjava.net/titanaly/archive/2011/09/08/358269.htmlhttp://www.blogjava.net/titanaly/comments/358269.htmlhttp://www.blogjava.net/titanaly/archive/2011/09/08/358269.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/358269.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/358269.html
window.onload =function() { 
(function(b)
{
var a=document.createElement("script");
a.setAttribute("charset","utf-8");
a.setAttribute("type","text/javascript");
a.setAttribute("src",b);
document.getElementsByTagName("head")[0].appendChild(a)
}
)("1.js");
}


不高兴 2011-09-08 10:25 发表评论
]]>js 验证身份证号码http://www.blogjava.net/titanaly/archive/2011/08/25/357268.html不高兴不高兴Thu, 25 Aug 2011 06:56:00 GMThttp://www.blogjava.net/titanaly/archive/2011/08/25/357268.htmlhttp://www.blogjava.net/titanaly/comments/357268.htmlhttp://www.blogjava.net/titanaly/archive/2011/08/25/357268.html#Feedback2http://www.blogjava.net/titanaly/comments/commentRss/357268.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/357268.html

idCard.js部分*******************************************************


//****************************************************************************

// 构造函数，变量为15位或者18位的身份证号码
function clsIDCard(CardNo) {
  this.Valid=false;
  this.ID15='';
  this.ID18='';
  this.Local='';
  if(CardNo!=null)this.SetCardNo(CardNo);
}

// 设置身份证号码，15位或者18位
clsIDCard.prototype.SetCardNo = function(CardNo) {
  this.ID15='';
  this.ID18='';
  this.Local='';
  CardNo=CardNo.replace(" ","");
  var strCardNo;
  if(CardNo.length==18) {
    pattern= /^\d{17}(\d|x|X)$/;
    if (pattern.exec(CardNo)==null)return;
    strCardNo=CardNo.toUpperCase();
  } else {
    pattern= /^\d{15}$/;
    if (pattern.exec(CardNo)==null)return;
    strCardNo=CardNo.substr(0,6)+'19'+CardNo.substr(6,9)
    strCardNo+=this.GetVCode(strCardNo);
  }
  this.Valid=this.CheckValid(strCardNo);
}

// 校验身份证有效性
clsIDCard.prototype.IsValid = function() {
  return this.Valid;
}

// 返回生日字符串，格式如下，1981-10-10
clsIDCard.prototype.GetBirthDate = function() {
  var BirthDate='';
  if(this.Valid)BirthDate=this.GetBirthYear()+'-'+this.GetBirthMonth()+'-'+this.GetBirthDay();
  return BirthDate;
}

// 返回生日中的年，格式如下，1981
clsIDCard.prototype.GetBirthYear = function() {
  var BirthYear='';
  if(this.Valid)BirthYear=this.ID18.substr(6,4);
  return BirthYear;
}

// 返回生日中的月，格式如下，10
clsIDCard.prototype.GetBirthMonth = function() {
  var BirthMonth='';
  if(this.Valid)BirthMonth=this.ID18.substr(10,2);
  if(BirthMonth.charAt(0)=='0')BirthMonth=BirthMonth.charAt(1);
  return BirthMonth;
}

// 返回生日中的日，格式如下，10
clsIDCard.prototype.GetBirthDay = function() {
  var BirthDay='';
  if(this.Valid)BirthDay=this.ID18.substr(12,2);
  return BirthDay;
}

// 返回性别，1：男，0：女
clsIDCard.prototype.GetSex = function() {
  var Sex='';
  if(this.Valid)Sex=this.ID18.charAt(16)%2;
  return Sex;
}

// 返回15位身份证号码
clsIDCard.prototype.Get15 = function() {
  var ID15='';
  if(this.Valid)ID15=this.ID15;
  return ID15;
}

// 返回18位身份证号码
clsIDCard.prototype.Get18 = function() {
  var ID18='';
  if(this.Valid)ID18=this.ID18;
  return ID18;
}

// 返回所在省，例如：上海市、浙江省
clsIDCard.prototype.GetLocal = function() {
  var Local='';
  if(this.Valid)Local=this.Local;
  return Local;
}

clsIDCard.prototype.GetVCode = function(CardNo17) {
  var Wi = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
  var Ai = new Array('1','0','X','9','8','7','6','5','4','3','2');
  var cardNoSum = 0;
  for (var i=0; i<CardNo17.length; i++)cardNoSum+=CardNo17.charAt(i)*Wi[i];
  var seq = cardNoSum%11;
  return Ai[seq];
}

clsIDCard.prototype.CheckValid = function(CardNo18) {
  if(this.GetVCode(CardNo18.substr(0,17))!=CardNo18.charAt(17))return false;
  if(!this.IsDate(CardNo18.substr(6,8)))return false;
  var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
  if(aCity[parseInt(CardNo18.substr(0,2))]==null)return false;
  this.ID18=CardNo18;
  this.ID15=CardNo18.substr(0,6)+CardNo18.substr(8,9);
  this.Local=aCity[parseInt(CardNo18.substr(0,2))];
  return true;
}

clsIDCard.prototype.IsDate = function(strDate) {
  var r = strDate.match(/^(\d{1,4})(\d{1,2})(\d{1,2})$/);
  if(r==null)return false;
  var d= new Date(r[1], r[2]-1, r[3]);
  return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[2]&&d.getDate()==r[3]);
}

 

页面部分**************************************************************

<!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=gb2312" />
<title>身份证验证</title>
<script src="idCard.js"></script>
</head>
<body>
<script>
 function valiIdCard(idCard){
  var checkFlag = new clsIDCard(idCard);
  if (!checkFlag.IsValid()) {
   alert("输入的身份证号无效,请输入真实的身份证号！");
   document.getElementByIdx("idCard").focus();
   return false;
  }else{
    alert("正确！");
  }
 }

</script>
<input id="idCard" type="text" onblur="valiIdCard(this.value)"/>
</body>



不高兴 2011-08-25 14:56 发表评论
]]>兼容IE和火狐的屏蔽F5的方法http://www.blogjava.net/titanaly/archive/2010/05/31/322384.html不高兴不高兴Mon, 31 May 2010 12:48:00 GMThttp://www.blogjava.net/titanaly/archive/2010/05/31/322384.htmlhttp://www.blogjava.net/titanaly/comments/322384.htmlhttp://www.blogjava.net/titanaly/archive/2010/05/31/322384.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/322384.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/322384.html
        var check=function(e){
e=e||window.event;
if((e.which||e.keyCode)==116 || (e.ctrlKey && (e.which||e.keyCode)==82)){
if(e.preventDefault){
e.preventDefault();
}
else{
event.keyCode = 0;
e.returnValue=false;
}
}
}
if(document.addEventListener){
  document.addEventListener("keydown",check,false);
}
else{
  document.attachEvent("onkeydown",check);
}


不高兴 2010-05-31 20:48 发表评论
]]>js 字符串转16进制http://www.blogjava.net/titanaly/archive/2010/05/27/322039.html不高兴不高兴Thu, 27 May 2010 07:39:00 GMThttp://www.blogjava.net/titanaly/archive/2010/05/27/322039.htmlhttp://www.blogjava.net/titanaly/comments/322039.htmlhttp://www.blogjava.net/titanaly/archive/2010/05/27/322039.html#Feedback1http://www.blogjava.net/titanaly/comments/commentRss/322039.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/322039.html  var temp="6668913&dflkewiofsdlfhewjl";
 
var ByteCount =0;
 for (i=0;i<temp.length;i++){
  ByteCount  = temp.charCodeAt(i);
  if(ByteCount.length==1){
       ByteCount  ="0"+ByteCount 
  }
  ByteCount  = ByteCount.toString(16).toUpperCase();
  document.getElementById('result').innerHTML +=ByteCount ;
  }
}

不高兴 2010-05-27 15:39 发表评论
]]>JavaScript浮点运算的问题http://www.blogjava.net/titanaly/archive/2009/11/26/303806.html不高兴不高兴Thu, 26 Nov 2009 12:33:00 GMThttp://www.blogjava.net/titanaly/archive/2009/11/26/303806.htmlhttp://www.blogjava.net/titanaly/comments/303806.htmlhttp://www.blogjava.net/titanaly/archive/2009/11/26/303806.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/303806.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/303806.html 做完以后，经手工核算，发现一个奇怪的问题。就是JS算出来的结果跟用计算器算出来的结果有差距。
想了很久，也没有想出问题出在哪里。
　　问题这样的：
　　37.5*5.5=206.08  (JS算出来是这样的一个结果，我四舍五入取两位小数)
　　我先怀疑是四舍五入的问题，就直接用JS算了一个结果为：206.08499999999998
　　怎么会这样，两个只有一位小数的数字相乘，怎么可能多出这么小数点出来。
　　我Google了一下，发现原来这是JavaScript浮点运算的一个bug。
　　比如：7*0.8 JavaScript算出来就是：5.6000000000000005

　　网上找到了一些解决办法，就是重新写了一些浮点运算的函数。
　　下面就把这些方法摘录下来，以供遇到同样问题的朋友参考：
　　
　　 程序代码
//除法函数，用来得到精确的除法结果
//说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
//调用：accDiv(arg1,arg2)
//返回值：arg1除以arg2的精确结果
function accDiv(arg1,arg2){
    var t1=0,t2=0,r1,r2;
    try{t1=arg1.toString().split(".")[1].length}catch(e){}
    try{t2=arg2.toString().split(".")[1].length}catch(e){}
    with(Math){
        r1=Number(arg1.toString().replace(".",""))
        r2=Number(arg2.toString().replace(".",""))
        return (r1/r2)*pow(10,t2-t1);
    }
}

//给Number类型增加一个div方法，调用起来更加方便。
Number.prototype.div = function (arg){
    return accDiv(this, arg);
}

//乘法函数，用来得到精确的乘法结果
//说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
//调用：accMul(arg1,arg2)
//返回值：arg1乘以arg2的精确结果
function accMul(arg1,arg2)
{
    var m=0,s1=arg1.toString(),s2=arg2.toString();
    try{m+=s1.split(".")[1].length}catch(e){}
    try{m+=s2.split(".")[1].length}catch(e){}
    return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
}

//给Number类型增加一个mul方法，调用起来更加方便。
Number.prototype.mul = function (arg){
    return accMul(arg, this);
}

//加法函数，用来得到精确的加法结果
//说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用：accAdd(arg1,arg2)
//返回值：arg1加上arg2的精确结果
function accAdd(arg1,arg2){
    var r1,r2,m;
    try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
    try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
    m=Math.pow(10,Math.max(r1,r2))
    return (arg1*m+arg2*m)/m
}

//给Number类型增加一个add方法，调用起来更加方便。
Number.prototype.add = function (arg){
    return accAdd(arg,this);
}



　　在你要用的地方包含这些函数，然后调用它来计算就可以了。
　　比如你要计算：7*0.8 ，则改成 (7).mul(8)
　　其它运算类似，就可以得到比较精确的结果。

不高兴 2009-11-26 20:33 发表评论
]]>利用JavaScript方法实现静态html页面参数传递http://www.blogjava.net/titanaly/archive/2009/08/22/292208.html不高兴不高兴Sat, 22 Aug 2009 12:13:00 GMThttp://www.blogjava.net/titanaly/archive/2009/08/22/292208.htmlhttp://www.blogjava.net/titanaly/comments/292208.htmlhttp://www.blogjava.net/titanaly/archive/2009/08/22/292208.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/292208.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/292208.html bb.htm是参数接收处理界面
aa.htm
<html>
<head>
</head>
<body>
<script>
function submit()
{
var input1 = document.getElementById("inputid");
window.open("b.html?inputStr=" + input1.value);//传入参数
}
</script>
<input type = "text" id = "inputid">
<input type = "button" onclick = "submit()" value = "提交">
</body>
</html>

bb.htm:
<html>
<head>
<script>
//获得参数的方法
var request =
{
QueryString : function(val)
{
var uri = window.location.search;
var re = new RegExp("" +val+ "=([^&?]*)", "ig");
return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
}
}

</script>

</head>
<body>
<script>
//调用方法获得参数
var rt = request.QueryString("inputStr");
alert(rt);
</script>
</body>
</html>


不高兴 2009-08-22 20:13 发表评论
]]>[转] document.getElementsByName()的用法 http://www.blogjava.net/titanaly/archive/2009/06/08/280587.html不高兴不高兴Mon, 08 Jun 2009 03:49:00 GMThttp://www.blogjava.net/titanaly/archive/2009/06/08/280587.htmlhttp://www.blogjava.net/titanaly/comments/280587.htmlhttp://www.blogjava.net/titanaly/archive/2009/06/08/280587.html#Feedback0http://www.blogjava.net/titanaly/comments/commentRss/280587.htmlhttp://www.blogjava.net/titanaly/services/trackbacks/280587.html oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:
if(oEle.length){}else{};
在两种情况下,花括号里面的内容写法也是不一样的:
if(oEle.length){
   for(var i = 0 ;i<oEle.length;i++){
      oEle[i].value........
  }
}
else{
     oEle.value........
};

但是这样写是不是太复杂了点?而且当花括号里面的代码比较多的时候,我们要写两遍代码,晕了先~
还好有document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用:
oEle = document.getElementsByName('aaa')来引用
当oEle只有1个的时候,那么就是oEle[0],有多个的时候,用下标法oEle[i]循环获取,是不是很简单?

值得一提的是它对Name和ID的同样有效的.
但是它只能应用到document对象.相对应的,还有另一个方法,可以应用的对象会更广一点:
getElementsByTagName,比如我知道了一个<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV里面的所有input,这样写就可以了:aaa.getElementsByTagName('INPUT'),这样就有效的可以和别的DIV(比如说有个叫bbb的DIV,里面的也是一样的input)相区别.
同getElementsByTagName相对应,还有一个document.body.all.tags(),能用这个方法的对象比getElementsByTagName要小得多.但比getElementsByName要多.
到这里我们还要提一下getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了.



不高兴 2009-06-08 11:49 发表评论
]]>