//这个示例..最巧妙三目运算
//
2:(inputs[0].value == "" || inputs[1].value=="")?alert("ff"):
span.innerHTML = Math.max(inputs[0].value,inputs[1].value);
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"><head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gbk"> 4 <title>输入两个数字，比较大小</title> 5 <style type="text/css"> 6 body{font:12px/1.5;text-align:center;} 7 .f-text{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;} 8 .f-btn{margin:0 10px;} 9 strong{padding:0 10px;} 10 span{font-weight:700;color:red;} 11 </style> 12 </head> 13 <body> 14 <input type="text" class="f-text" /> 15 <strong>vs</strong> 16 <input type="text" class="f-text" /> 17 <input type="button" class="f-btn" value="最大的数是 >>"/> 18 <span>？</span> 19 <script type="text/javascript"> 20 window.onload = function(){ 21 var inputs = document.getElementsByTagName("input"); 22 var span = document.getElementsByTagName("span")[0]; 23 24 var size = inputs.length; 25 for(var i=0;i<size-1;i++){ 26 inputs[i].onkeyup = function(){ 27 this.value = this.value.replace(/[^d]/,""); 28 }; 29 } 30 31 inputs[2].onclick = function(){ 32 //if(inputs[0].value == "" || inputs[1].value == "")alert("请输入"); 33 //span.innerHTML = inputs[0].value > inputs[1].value ? inputs[0].value : inputs[1].value; 34 //alert(inputs[0].value+":"+inputs[1].value); 35 (inputs[0].value == "" || inputs[1].value == "")?alert("请输入"): 36 span.innerHTML = Math.max(inputs[0].value,inputs[1].value); 37 }; 38 39 40 }; 41 42 //------------------------ 43 //这个示例..最巧妙三目运算 44 // 45 //2:(inputs[0].value == "" || inputs[1].value=="")?alert("ff"): 46 //span.innerHTML = Math.max(inputs[0].value,inputs[1].value); 47 48 49 </script> 50 </body> 51 </html>