JAVASCRIPT实现子网划分

最新推荐文章于 2024-09-11 22:09:42 发布
最新推荐文章于 2024-09-11 22:09:42 发布
阅读量404 收藏 1
点赞数 1
文章标签： javascript function button input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ceamky/article/details/3827678
版权

 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
   
    <script language="javascript" type="text/javascript">
    /*
    计算可用IP段
    */
    function getIPs()
    {
        var zjip=document.getElementById("zjip");
        var zjdz=document.getElementById("zjdz");
        var ymws=document.getElementById("ymws");
        if(validateIP(zjip.value))
        {
            if(validateMask(parseInt(ymws.value,10)))
            {
                //显示主机IP得二进制
                var ipaddress = zjip.value.split(".");
                var intipaddress=new Array(4);
                intipaddress[0]= Number(ipaddress[0]);
                intipaddress[1]= Number(ipaddress[1]);
                intipaddress[2]= Number(ipaddress[2]);
                intipaddress[3]= Number(ipaddress[3]);
               
               var zjip_e=left0(intipaddress[0].toString(2))+left0(intipaddress[1].toString(2))+left0(intipaddress[2].toString(2))+left0(intipaddress[3].toString(2));
               zjdz.innerHTML=zjip_e;        
              
               //显示子网掩码
               var ym=maskNum(parseInt(ymws.value));
               zwym.innerHTML=ym;
              
               zwdz.innerHTML=getzwdz(zjip_e,ym);
                    
               //起始IP
               var qsip1=left0((parseInt(zwdz.innerHTML.substr(0,8),2)).toString(2));
               var qsip2=left0((parseInt(zwdz.innerHTML.substr(8,8),2)).toString(2));
               var qsip3=left0((parseInt(zwdz.innerHTML.substr(16,8),2)).toString(2));
               var qsip4=left0((parseInt(zwdz.innerHTML.substr(24,8),2)+1).toString(2));
              
               IP1.innerHTML=parseInt(qsip1,2).toString(10)+"."+parseInt(qsip2,2).toString(10)+"."+parseInt(qsip3,2).toString(10)+"."+parseInt(qsip4,2).toString(10);
              
               var gb=gbdz(zwdz.innerHTML,ym);
               var zzip1=left0((parseInt(gb.substr(0,8),2)).toString(2));
               var zzip2=left0((parseInt(gb.substr(8,8),2)).toString(2));
               var zzip3=left0((parseInt(gb.substr(16,8),2)).toString(2));
               var zzip4=left0((parseInt(gb.substr(24,8),2)-1).toString(2));
              
               IP2.innerHTML=parseInt(zzip1,2).toString(10)+"."+parseInt(zzip2,2).toString(10)+"."+parseInt(zzip3,2).toString(10)+"."+parseInt(zzip4,2).toString(10);

            }
            else
            {
                alert('掩码位数是不大于32的正整数！');               
            }       
        }
        else
        {
        alert('请输入正确得IP地址！');
        }       
    }
   
   function getzwdz(strZJ,strYM)
   {   
        var i=0;
        var zwdz="";
        while(i!=32)
        {
            if(strZJ.substr(i,1)==strYM.substr(i,1)&&strZJ.substr(i,1)=="1")
            {
                zwdz=zwdz+"1";               
            }
            else
            {
                zwdz=zwdz+"0";                   
            }
            i=i+1;                       
        }
        return zwdz;
   }
   
   function gbdz(strZW,strYM)
   {   
        var i=0;
        var gbdz="";
        while(i!=32)
        {
            if(strZW.substr(i,1)==strYM.substr(i,1))
            {
                gbdz=gbdz+"1";               
            }
            else
            {
                gbdz=gbdz+"0";                   
            }
            i=i+1;                       
        }
        return gbdz;
   }
   
    function left0(num)
    {
        while(num.length!=8)
        {
            num="0"+num;
        }
        return num;
    }
   
    /*
    验证主机IP是否合法   
    */
    function validateIP(strIP)
    {
        var re=/^(/d+)/.(/d+)/.(/d+)/.(/d+)$/g
        if(re.test(strIP))
        {
            if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
        }
        return false;
    }
   
    /*
    验证掩码位数是否合法
    */
    function validateMask(intNum)
    {
        if(intNum>0&&intNum<33)
        return true;
        else
        return false;
    }
   
    /*
    计算子网掩码
    */
    function maskNum(num)
{
    var mask="";
    while(mask.length!=num)
    {
        mask="1"+mask;
    }
  
   while(mask.length!=32)
    {
        mask=mask+"0";
    }
    return mask;
}
    </script>
   
</head>
<body>
    主 机 IP：<input id="zjip" type="text" /><br />
    <br />
    掩码位数：<input id="ymws" type="text" /><br />
    <br />
    <input id="Button1" type="button" value="button" οnclick="getIPs()" /><br />
    <br />
    主机地址：<label id="zjdz"></label><br />
    子网掩码：<label id="zwym"></label><br />
    子网地址：<label id="zwdz"></label><br />
    可用IP：<label id="IP1"></label>到<label id="IP2"></label>
</body>
</html>

ceamky
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
程序员如何实现财富自由系列之：利用程序员技能进行网上销售
程序员光剑
10-07 714
网上销售（Online Sales），指的是通过网络在线购物，通过互联网或电子商务平台将商品和服务以低廉价格、快速、及时的方式销售给顾客。
子网划分工具（springBoot+Bootstrap框架构成)
qq_52581566的博客
06-17 946
这是一个springBoot+Bootstrap框架编写的工具（观赏性高）实现了如下功能： (1） 能够根据用户输入的网络地址，判断出用户输入的合法性及网络的类别（A、B、C地址）； (2） 能够根据借位数，计算出：子网掩码、子网数、每个子网的主机数、每个子网网络地址、可用IP范围及广播地址。 (3） 应有相应的输入提示及良好的结果输出组织，易于用户使用和查看结果。 运行后的页面： ...
269个JavaScript工具函数
weixin_44873668的博客
04-08 791
// 匹配正整数 let isPositiveNum = val => { return /^[1-9]\d*$/.test(val); }; console.log(isPositiveNum(9)) //true console.log(isPositiveNum(2.2)) //false 2.匹配负整数 // 匹配负整数 let isNegativeNum = val => { return /^-[1-9]\d*$/.test(val); }; console.log(i
JavaScript工具函数（一）
热门推荐
QYDUAN的博客
06-07 4万+
JavaScript工具函数1.匹配正整数2.匹配负整数3.匹配整数4.匹配非负浮点数5.匹配由 26 个英文字母组成的字符串6.匹配由 26 个英文字母的大写组成的字符串7.匹配由 26 个英文字母的小写组成的字符串8.匹配电子邮件地址9.返回数组中的最大值10.返回数组中的最小值11.将数组块划分为指定大小的较小数组12.从数组中移除 falsey 值13.计算数组中值的出现次数14.深拼合数组15.返回两个数组之间的差异16.返回数组的所有不同值17.返回数组中的每个第 n 个元素18.筛选出数组中的
C语言单链表实现FCFS算法,2014腾讯实习笔试题
weixin_39645343的博客
05-22 228
2014腾讯实习笔试题1. 关于二叉树，下面说法正确的是()A. 对于N个节点的二叉树，其高度为nlog2n;B. 一个具有1025个节点的二叉树，其高度范围在11~1025之间C. 二叉树的先序遍历是EFHIGJK，中序遍历为HFIEJKG，该二叉树的右子树的根为GD. 二叉树中至少有一个节点的度为2这个题目我的思路是BC，A二叉树不一定是满二叉树等，高度应该是范围。D选项其中如果只有一个树根的...
JavaScript工具函数
weixin_46398902的博客
06-16 1424
JavaScript工具函数 1.匹配正整数 let isPositiveNum = val => { return /^[1-9]d*$/.test(val); }; console.log(isPositiveNum(9)) //true console.log(isPositiveNum(2.2)) //false 2.匹配负整数 let isNegativeNum = val => { return /^-[1-9]d*$/.test(val); }; cons
子网掩码讲解
weixin_30901729的博客
09-01 111
定义： 子网掩码(subnet mask)又叫网络掩码、地址掩码、子网络遮罩，它是一种用来指明一个IP地址的哪些位标识的是主机所在的子网，以及哪些位标识的是主机的位掩码。子网掩码不能单独存在，它必须结合IP地址一起使用。子网掩码只有一个作用，就是将某个IP地址划分成网络地址和主机地址两部分。 子网掩码是一个32位地址，用于屏蔽IP地址的一部分以区别网络标识和主机标识，并说明该IP地...
计算机网络复习
artly1的博客
12-03 653
计算机网络
H3C交换机的工作原理
thirty_517的博客
04-17 319
总的来说，H3C交换机的工作原理是通过硬件和软件的协同工作，实现数据的接收、处理和转发，从而连接和管理网络设备，保证网络的正常运行。通过对这些复杂功能的集成和优化，H3C交换机能够提供高效、稳定和安全的网络服务，满足不同规模和需求的网络环境。它的工作过程涉及到很多复杂的技术和算法，但都是为了更好地满足网络的需求，提供更高效、更稳定的网络服务。首先，我们需要了解交换机的基本构成。在这个过程中，交换机会扫描所有的接口，收集连接到它的设备的MAC地址，并将这些地址存储在一张称为MAC地址表的数据结构中。
使用JavaScript开发子网划分程序.pdf
01-02
"使用JavaScript开发...3. 子网划分：使用基本函数库和IP地址基本操作方法来实现子网划分算法。 该文档介绍了一种使用JavaScript开发的子网划分程序，具有快速、准确、跨平台、免安装等特点，满足网络管理员的需求。
使用IPv6子网划分-第2/2部分
04-03
在本主题中，我们将深入探讨IPv6子网划分的相关知识，这是网络管理中不可或缺的一环。IPv6子网划分是将一个大的IPv6地址空间划分为更小的、独立的子网，以便有效地管理和分配IP地址。这有助于优化网络资源的使用，...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 1915
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 415
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 247
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 197
实现中国地图各省数据案例
Vue接入高德地图并实现基本的路线规划功能
最新发布
黄团团的个人博客
09-11 135
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JS笔记
2201_76100326的博客
09-11 442
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 94
动态在本地引入图片
JavaScript实现的子网划分程序
"使用JavaScript开发子网划分程序.pdf" 本文主要介绍了如何利用JavaScript开发一个用于IP地址子网划分的程序，旨在帮助网络管理员快速、准确地进行子网划分。子网划分是网络管理中的基础任务，传统的手动计算方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值