点分十进制IP转换为十进制数以及逆变换，JavaScript

朱雀 2022-01-10 03:21 187阅读 0赞

今天有这个特殊需求（配置voip路由器），就随便写了写这个，因为是在web前端上，就用JavaScript完成的，各位看官多多指教，很久没有来园子发文了，希望今天冒的泡不要被扔臭鸡蛋！

代码如下：

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] HTML代码   
 1![None.gif][]<html>  
 2![None.gif][]<head>  
 3![None.gif][]<title>测试IP</title>  
 4![ExpandedBlockStart.gif][]![ContractedBlock.gif][]<script>![dot.gif][]  
 5![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]function $(i)![dot.gif][]\{ return document.getElementById(i);\}  
 6![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]function Trim(str)![dot.gif][]\{ return str.replace(/(^\\s\*)|(\\s\*$)/g, "");\}  
 7![InBlock.gif][]var nIPTemp;  
 8![InBlock.gif][]function IP2Decimal(ipv4)  
 9![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
10![InBlock.gif][]var aIPsec=ipv4.split(".");  
11![InBlock.gif][]for(var i=0;i<4;i\++)  
12![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
13![InBlock.gif][]if(parseInt(aIPsec\[i\])<16)  
14![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
15![InBlock.gif][] aIPsec\[i\]="0"\+parseInt(aIPsec\[i\]).toString(16);  
16![ExpandedSubBlockEnd.gif][] \}  
17![InBlock.gif][]else  
18![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
19![InBlock.gif][] aIPsec\[i\]=parseInt(aIPsec\[i\]).toString(16);  
20![ExpandedSubBlockEnd.gif][] \}  
21![ExpandedSubBlockEnd.gif][] \}  
22![InBlock.gif][]var nIPaddr=parseInt("0x"\+aIPsec\[0\]\+aIPsec\[1\]\+aIPsec\[2\]\+aIPsec\[3\]);  
23![InBlock.gif][]return nIPaddr;  
24![ExpandedSubBlockEnd.gif][]\}  
25![InBlock.gif][]  
26![InBlock.gif][]function Decimal2IP(nDecimal)  
27![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
28![InBlock.gif][]var sBin=nDecimal.toString(2);  
29![InBlock.gif][]var sTT="";  
30![InBlock.gif][]if(sBin.length<32)  
31![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
32![InBlock.gif][]for(var i=0;i<32\-sBin.length;i\++)  
33![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
34![InBlock.gif][] sTT\+="0";  
35![ExpandedSubBlockEnd.gif][] \}  
36![InBlock.gif][] sBin=sTT\+sBin;  
37![ExpandedSubBlockEnd.gif][] \}  
38![InBlock.gif][]var nIP=new Array();  
39![InBlock.gif][]for(var i=0;i<4;i\++)  
40![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
41![InBlock.gif][]var sSub=sBin.substring(8\*i,8\*(i\+1));  
42![InBlock.gif][]var res=0;  
43![InBlock.gif][]for(var j=0;j<sSub.length;j\++)  
44![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
45![InBlock.gif][]if(1==sSub.charAt(j))  
46![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
47![InBlock.gif][] res\+=Math.pow(2,8\-j\-1);  
48![ExpandedSubBlockEnd.gif][] \}  
49![ExpandedSubBlockEnd.gif][] \}  
50![InBlock.gif][] nIP\[i\]=res;  
51![ExpandedSubBlockEnd.gif][] \}  
52![InBlock.gif][]return nIP\[0\]\+"."\+nIP\[1\]\+"."\+nIP\[2\]\+"."\+nIP\[3\];  
53![ExpandedBlockEnd.gif][]\}  
54![None.gif][]</script>  
55![None.gif][]</head>  
56![None.gif][]<body>  
57![None.gif][]<input type="text" id="tb\_ip"/><input type="button" onclick="alert(IP2Decimal(Trim($('tb\_ip').value)));nIPTemp=IP2Decimal(Trim($('tb\_ip').value));" value="IP转换为十进制"/>  
58![None.gif][]<input type="text" id="tb\_ip1"/><input type="button" onclick="alert(Decimal2IP(nIPTemp));$('tb\_ip1').value=Decimal2IP(nIPTemp);" value="十进制转换为IP"/>  
59![None.gif][]</body>  
60![None.gif][]</html>

转载于:https://www.cnblogs.com/lkmmmj/archive/2009/06/16/1504267.html

[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20220109/a88e7f8bfdf3422f9b26d0a1d4b82d5c.png
[None.gif]: /images/20220109/d7a550c991f74e118407869c78e7caf6.png
[dot.gif]: /images/20220109/559a70081ad649cc8afd240bb27024ee.png
[ExpandedSubBlockStart.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif
[ContractedSubBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif
[InBlock.gif]: /images/20220109/3fc107aa917e4de7a99c6d5f4e370f06.png
[ExpandedSubBlockEnd.gif]: /images/20220109/027857f07d1a4371a097bb567727e035.png
[ExpandedBlockEnd.gif]: /images/20220109/399e339533014ab3bed6da2bc3c0cd8c.png