HTML前端编程技巧

IE8下DIV嵌套高度自适应

IE8在默认情况下不会对DIV进行高度自适应，而IE6、7下设置DIV高度为auto即可自适应高度；解决方法：父DIV的CSS设置display:table\0;即可使其随内部嵌套DIV高度自适应。

第二代身份证号码的验证机制

如下JS代码进行二代身份证验证(代码转载自盛大网络)：

iW = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
iSum = 0;
for( i=0;i<17;i++){
iC = v_card.charAt(i) ;
iVal = parseInt(iC);
iSum += iVal * iW[i];
}
iJYM = iSum % 11;
var sJYM = '';
if(iJYM == 0) sJYM = "1";
else if(iJYM == 1 ) sJYM = "0";
else if(iJYM == 2 ) sJYM = "x";
else if(iJYM == 3 ) sJYM = "9";
else if(iJYM == 4 ) sJYM = "8";
else if(iJYM == 5 ) sJYM = "7";
else if(iJYM == 6 ) sJYM = "6";
else if(iJYM == 7 ) sJYM = "5";
else if(iJYM == 8 ) sJYM = "4";
else if(iJYM == 9) sJYM = "3";
else if(iJYM == 10) sJYM = "2";
var cCheck = v_card.charAt(17).toLowerCase();
if( cCheck != sJYM ){
return false; //对不上就是假号码
}

打开网页时提示 Stack overflow at line: 0

打开京东或淘宝网站时，经常会弹出JS错误提示Stack overflow at line: 0；

初步分析，可能是由于页面所含图片文件太多，部分图片未正确加载导致出现该错误，查看图片调用代码，大致如下：

<img src=”*.gif” onerror=”javascript:this.src=’noPic.gif’;” alt=”产品” />
由于IMG中使用了错误处理函数onerror，当src指定的图片无法加载或网络延迟未正确加载时，就会触发onerror事件；但如果执行onerror事件时，重定向的图片src仍无法加载时，就会再次触发onerror出现死循环，所以会报该JS错误。
为了安全使用onerror事件，可以直接调用如下函数：
<script type=”text/javascript”>

<!–

function noexist(){

var img=event.srcElement;

img.src=”nopic.gif”;

img.onerror=null; //清除该事件

}

//–>

</script>