js数字三位分隔效果代码实例
分类:实例代码
现在比较流行将数字三位分隔,以便于阅读。下面就是一段能够实现此功能的代码实例,需要的朋友可以做一下参考。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>前端教程网</title> <script type="text/javascript"> function d(e){ var i = e.value; var h=i.substring(0,3); i=i.substring(3); while(i&&i.length>0){ h+=" "+i.substring(0,4); i=i.substring(4) } document.getElementById("show").innerHTML=h; } window.onload=function(){ var obt=document.getElementById("bt"); var otxt=document.getElementById("txt"); obt.onclick=function(){ d(otxt) } } </script> </head> <body> <input type="text" id="txt" value="12345678"/> <input type="button" id="bt" value="查看效果"/> <div id="show"></div> </body> </html>
这个貌似是从左到右进行三位划分的,通常很多都是从右向左划分,具体可以参阅js实现的数字每隔三位加一个逗号一章节。