js厘米与英寸尺码转换

 1 <style type="text/css">
 2     #txt_cm1, #txt_inch1, #txt_inch2, #txt_cm2 {
 3         width: 63px;
 4         height: 26px;
 5         margin: 0 5px;
 6         border: solid 1px #ccc;
 7     }
 8     #txt_inch1, #txt_cm2 {
 9         background: #e7e7e7;
10         text-align: right;
11         padding-right: 5px;
12         width: 58px;
13     }
14     .converterCalculation{
15         overflow: hidden;
16         border: 1px solid #e7e7e7;
17         padding: 15px;
18     }
19     .converterCalculation .calculation{
20         color: #000;
21         height: 33px;
22         font-weight: bold;
23         width: 365px;
24         padding-right: 0;
25     }
26     .converterCalculation div.calculation input.last {
27         height: 26px;
28         line-height: 26px;
29         color: #fff;
30         background: #999;
31         padding: 0 5px;
32         margin-left: 5px;
33     }
34 </style>
35 <div class="converterCalculation">
36   <div class="calculation">Converter:
37     <input type="text" id="txt_cm1" onkeypress="keyPress(this)" onkeyup="keyUp(this)" onblur="onBlur(this)" />cm&nbsp;&nbsp;
38     <input type="text" id="txt_inch1" disabled="disabled" value="0.00" />inch
39     <input type="button" class="last" value="Calculation" onclick="Calculation(1)" />
40   </div>
41   <div class="calculation">Converter:
42     <input type="text" id="txt_inch2" onkeypress="keyPress(this)" onkeyup="keyUp(this)" onblur="onBlur(this)" />inch
43     <input type="text" id="txt_cm2" disabled="disabled" value="0.00" />cm&nbsp;&nbsp;
44     <input type="button" class="last" value="Calculation" onclick="Calculation(2)" />
45   </div>
46 </div>
47 <script type="text/javascript">
48
49 function keyPress(that){
50     that.value.match(/^[\+\-]?\d*?\.?\d*?$/)?that.t_value=that.value:that.value=that.t_value;
51     that.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)&&(that.o_value=that.value)
52 }
53 function keyUp(that){
54     that.value.match(/^[\+\-]?\d*?\.?\d*?$/)?that.t_value = that.value:that.value = that.t_value;
55     that.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/) && (that.o_value=that.value)
56 }
57 function onBlur(that){
58     that.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/)?(
59             that.value.match(/^\.\d+$/)&&
60             (that.value=0+that.value),that.value.match(/^\.$/)&&
61             (that.value=0),that.o_value=that.value
62         ):that.value = that.o_value
63 }
64 function Calculation(type){
65     var cm1,inch1,inch2,cm2;
66         type==1 && (
67                 cm1=eval($("#txt_cm1").val()),
68                 cm1==undefined&&(cm1=0),inch1=(cm1/2.54).toFixed(2),
69                 $("#txt_inch1").val(inch1)
70             );
71         type==2 && (
72                 inch2=eval($("#txt_inch2").val()),
73                 inch2==undefined&&(inch2=0),cm2=(inch2*2.54).toFixed(2),
74                 $("#txt_cm2").val(cm2)
75             )
76 }
77 </script>
时间: 2024-10-26 10:01:38

js厘米与英寸尺码转换的相关文章

【转载】VC GDI 像素转厘米(英寸)

[转载]http://blog.sina.com.cn/s/blog_638dd78201018663.html 函数原型:int GetDeviceCaps(int nIndex); 常用的参数有(参考MSDN): int iHORZSIZE=pDC->GetDeviceCaps(HORZSIZE); // 得到当前显示设备的水平大小(毫米) int iVERTSIZE=pDC->GetDeviceCaps(VERTSIZE);// 得到当前显示设备的垂直大小(毫米) int iHORZRE

js中把JSON字符串转换成JSON对象最好的方法

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用jQuery的each方法来遍历 用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象,jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先

JS中的进制转换以及作用

js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用 对象.toString()即可实现: //10进制转为16进制 (10).toString(16) // =>"a" //8进制转为16进制 (012).toString(16) // =>"a" //16进制转为10进制 (0x16).toString(10) // =>"22" //16进制转为8进制 (0x16).toString(8)

js中的数据类型及其转换

Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object. 一,number Number数据类型指的是数字,可以为整型,也可以是浮点数.如 var a=12,b=12.5; 二,string 字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;需要注意的是 字符串必须放在引号里(单引号或双引号); 如 var bob=”man”; alert(“bob”); alert(bob); 浏览器首先会弹出包含有

JS中的数据类型和转换

一.JS中的数据类型 js中的数据类型可以分为五种:number .string .boolean. underfine .null. number:数字类型 ,整型浮点型都包括. string:字符串类型,右数字字母字符串以及标点符号组成,必须放在单引号或者双引号中. boolean:布尔类型,只有true和false两种值. underfine:未定义,一般指的是已经声明,但是没有赋值的变量,如var a; null:空对象类型,var a = null,和var a=""有区别;

js浮点数计算问题 + 金额大写转换

一 js浮点数计算问题解决方案: 1.使用 NumberObject.toFixed(num) 方法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 2.较精度计算浮点数 //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显.这个函数返回较为精确的加法结果. //调用:accAdd(arg1,arg2) //返回值:arg1加上arg2的精确结果 function accAdd(arg1, arg2) { var r1, r2, m; t

JS之字符串与JSON转换

JS之字符串转换JSON 1.eval   古老的方式 function strToJson(str){ var json = eval('(' + str + ')'); return json; } 争议较多,危害较多,浏览器不支持等 建议用new Function 代替 2.Function  怪异的方式 function strToJson(str){ var json = (new Function("return " + str))(); return json; } 3.

【前端】Vue.js实现网格列表布局转换

网格列表布局转换 实现效果: 实现代码及注释: <!DOCTYPE html> <html> <head> <title>布局转换</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e

js中基本类型的转换,进制的转换

一.基本类型的转换 1.数字转字符串 //直接给数字加空的字符串. var num=20; var str=20+" "; console.log(typeof str);//string //使用String()函数,让数字更加显示的转为字符串 var num=20; var str=String(num); console.log(typeof str);//string //使用toString()方法.toString()有一个参数,用来指定转换的基数.(十进制/二进制/八进制