<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>IpToInt/IntToIp</title>
<script type="text/javascript">
function ipToNumber(ip) {
var numbers = ip.split(".");
return parseInt(numbers[0])*256*256*256 +
parseInt(numbers[1])*256*256 +
parseInt(numbers[2])*256 +
parseInt(numbers[3]);
}
function numberToIp(number) {
return (Math.floor(number/(256*256*256))) + "." +
(Math.floor(number%(256*256*256)/(256*256))) + "." +
(Math.floor(number%(256*256)/256)) + "." +
(Math.floor(number%256));
}
function IpChangeNumber(){
var ip = document.getElementById("iptonumtext_ip").value;
var toNumber = ipToNumber(ip);
document.getElementById("iptonumtext_num").value=toNumber;
}
function NumberChangeIp(){
var number = document.getElementById("numtoiptext_num").value;
var toIp = numberToIp(number);
document.getElementById("numtoiptext_ip").value=toIp;
}
</script>
</head>
<body>
<table>
<tr>
<td>输入IP:</td>
<td>
<input type="text" id="iptonumtext_ip" name="iptonumtext_ip" value="">
</td>
<td>
<input type="button" id="iptonumtext_btn" name="iptonumtext_btn" value="IP转化NUMBER" οnclick="IpChangeNumber();">
</td>
<td>输出Number:</td>
<td>
<input type="text" id="iptonumtext_num" name="iptonumtext_num" value="">
</td>
</tr>
<tr>
<td>输出Number:</td>
<td>
<input type="text" id="numtoiptext_num" name="numtoiptext_num" value="">
</td>
<td>
<input type="button" id="numtoiptext_btn" name="numtoiptext_btn" value="NUMBER转化IP" οnclick="NumberChangeIp();">
</td>
<td>输入IP:</td>
<td>
<input type="text" id="numtoiptext_ip" name="numtoiptext_ip" value="">
</td>
</tr>
</table>
</body>
</html>
执行效果: