当前位置:  编程技术>WEB前端
本页文章导读:
    ▪js只能输入数字和小数点的文本框      <input type="text" onkeydown="javascript:return isNumber(event,value);"/> js部分: <script> isNumber = function (e,s) { var t = 0; //只能输入一个小数点 if(s.indexOf(".") != -1){ t = 1; } .........
    ▪设置<img>在表格<table>中的单元格<td>中水平垂直居中      Html代码 :     <img padding:0px 0px 0px 10px; margin:0px 0px 0px 38px; list-style:none; font-size:1em; border-left-width:1px; border-left-style:solid; border-left-color:rgb(209,215,220); background-color:rgb(250,250,250);.........
    ▪Ajax中封装创建XMLHttpRequest对象的方法      Ajax中创建XMLHttpRequest对象的时候,为了兼容不同的浏览器,总是需要写不少的代码。下面采用一种更高效的工厂模式把定义XMLHttpRequest对象的功能进行封装,这样只需要调用createXMLRequestObject().........

[1]js只能输入数字和小数点的文本框
    来源: 互联网  发布时间: 2013-11-06
<input type="text" onkeydown="javascript:return isNumber(event,value);"/>


js部分:

<script>
isNumber = function (e,s) {
	var t = 0;
	//只能输入一个小数点 
	if(s.indexOf(".") != -1){
		t = 1;
	}
	
	if(t==1&&((event.keyCode == 190)||(event.keyCode == 110))){
		return false;
	}

	//IE浏览器 
    if ($.browser.msie) {
       if ( ((event.keyCode > 47) && (event.keyCode < 58)) ||  ((event.keyCode > 95) && (event.keyCode < 106)) || 
             (event.keyCode == 8 || (event.keyCode == 190) || (event.keyCode == 110))) { 
           return true;  
       } else {  
           return false;  
       }  
    }else {
        if ( ((e.which > 47) && (e.which < 58)) || ((e.which > 95) && (e.which < 106)) ||
              (e.which == 8)||(e.which == 110)||(e.which == 190)) {  
            return true;  
        } else {  
           return false;  
        }  
    } 
	return true;
}
</script>


作者:itmyhome 发表于2013-3-16 16:42:30 原文链接
阅读:0 评论:0 查看评论

    
[2]设置<img>在表格<table>中的单元格<td>中水平垂直居中
    来源: 互联网  发布时间: 2013-11-06
Html代码 :
  • <td align="center" valign="middle">  
  •     <img src=/blog_article/"images/checkBox.png>
  • </td>  
  •     其中 align="center"  为水平居中 ;
                valign="middle"  为垂直居中,这个属性有时不见得好用。

        也可以通过样式设置:

    原文参考自站长网:http://www.software8.co/wzjs/html/3394.html

       Html代码 :

  • <td padding:0px 0px 0px 10px; margin:0px 0px 0px 38px; list-style:none; font-size:1em; border-left-width:1px; border-left-style:solid; border-left-color:rgb(209,215,220); background-color:rgb(250,250,250); line-height:18px">     <img padding:0px 0px 0px 10px; margin:0px 0px 0px 38px; list-style:none; font-size:1em; border-left-width:1px; border-left-style:solid; border-left-color:rgb(209,215,220); background-color:rgb(250,250,250); line-height:18px"> </td>  
  • 作者:newzzorg 发表于2013-3-16 16:39:13 原文链接
    阅读:0 评论:0 查看评论

        
    [3]Ajax中封装创建XMLHttpRequest对象的方法
        来源:    发布时间: 2013-11-06

    Ajax中创建XMLHttpRequest对象的时候,为了兼容不同的浏览器,总是需要写不少的代码。下面采用一种更高效的工厂模式把定义XMLHttpRequest对象的功能进行封装,这样只需要调用createXMLRequestObject()方法就可以根据当前的浏览返回一个XMLHttpRequest对象。

    1 function createXMLRequestObject(){
    2 //创建兼容不同浏览器和版本函数数组
    3 var XMLHttpFactories = [
    4 function(){return new XMLHttpRequest()},
    5 function(){return new ActiveXObject("Msxml2.XMLHTTP")},
    6 function(){return new ActiveXObject("Msxml3.XMLHTTP")},
    7 function(){return new ActiveXObject("Microsoft.XMLHTTP")}
    8 ];
    9 var xmlhttp =false;
    10 //尝试调用一种定义函数,如果成功则返回,否则继续下一种进行尝试
    11 for(var i =0;i<XMLHttpFactories.length;i++){
    12 try
    13 {
    14 xmlhttp = XMLHttpFactories[i]();
    15 }
    16 catch ()
    17 {
    18 //异常则继续下一个函数调用
    19 continue;
    20 }
    21 //成功则中止循环
    22 break;
    23 }
    24 return xmlhttp;
    25 }

     

    本文链接


        
    最新技术文章:
    ▪css white-space:nowrap属性用法(可以强制文字不...
    ▪IE里button设置border:none属性无效解决方法
    ▪border:none与border:0使用区别
    ▪html清除浮动的6种方法示例
    ▪三个不常见的 HTML5 实用新特性简介
    ▪css代码优化的12个技巧
    ▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
    ▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
    ▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
    ▪小技巧处理div内容溢出
    ▪html小技巧之td,div标签里内容不换行
    ▪纯CSS实现鼠标放上去改变文字内容
    ▪li中插入img图片间有空隙的解决方案
    ▪CSS3中Transition属性详解以及示例分享
    ▪父div高度不能自适应子div高度的解决方案
    ▪告别AJAX实现无刷新提交表单
    ▪从零学CSS系列之文本属性
    ▪HTML 标签
    ▪CSS3+Js实现响应式导航条
    ▪CSS3实例分享之多重背景的实现(Multiple background...
    ▪用css截取字符的几种方法详解(css排版隐藏溢...
    ▪页面遮罩层,并且阻止页面body滚动。bootstrap...
    ▪CSS可以做的几个令你叹为观止的实例分享
    ▪详细分析css float 属性以及position:absolute 的区...
    ▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
    ▪CSS小例子(只显示下划线的文本框,像文字一...
    ▪可以给img元素设置背景图
    ▪不通过JavaScript实现的自动滚动视差效果
    ▪div+CSS 兼容小摘
    ▪CSS的inherit与auto使用分析
     


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3