运用JS判断代码可以参考学习

JAVAScript代码加CSS和HTML

<%--
  Created by IntelliJ IDEA.
  User: zengxiangcai
  Date: 2018/6/27
  Time: 11:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>大批量生成数组数据</title>
    <style>
        .BB{
            width: 400px;
            height: 300px;
            position: absolute;
            left:400px ;
            top: 1px;
            margin-left: 50px;
            /*margin-top: -150px;*/
            /**/
        }
        .EE{
            width: 400px;
            height: 300px;
            position: absolute;
            left:250px ;
            top: 370px;
            margin-left: 50px;
            /*margin-top: -150px;*/
            /**/
        }
        .FF{
            width: 400px;
            height: 300px;
            position: absolute;
            left:550px     ;
            top: 370px;
            margin-left: 50px;
            /*margin-top: -150px;*/
            /**/
        }
        .GG{
            width: 400px;
            height: 300px;
            position: absolute;
            left:850px;
            top: 10px;
            margin-left: 50px;
            /*margin-top: -150px;*/
            /**/
        }
        .HH{
            width: 400px;
            height: 300px;
            position: absolute;
            left:850px;
            top: 370px;
            margin-left: 50px;
            /*margin-top: -150px;*/
            /**/
        }
    </style>
    <script type="text/javascript">
        var myArr=new Array();
        var start;
        var end;

        function newArray(){
            var patrn = /^[0-9]*$/;
            var qz = "COO";//前缀
            var numStart=document.getElementById("textst").value;  //数量起
            var numEnd=document.getElementById("textEnd").value;  //数量止
            start = numStart;
            end = numEnd;
            var numberCopies=document.getElementById("numberCopies").value; //份数
            if(!patrn.test(numStart) && !patrn.test(numEnd) && !patrn.test(numberCopies)){
                alert("请输入合法的数字！！！");
                return;
            }
            var dataNum = numEnd - numStart + 1;
            if(dataNum<0){
                alert("请输入准确的起止数字！！！");
            }
            var z=0;
            for(i = 0; i < dataNum ; i++) {
                for(j = 0; j < numberCopies ; j++) {
                    myArr[z]  = qz + numStart;
                    z++ ;
                }
                numStart++;
            }
            show();
            repeat();
            dataNum();
        }
        function show(){
            var txt="";
            for(var n=0;n<myArr.length;n++){
                txt = txt + myArr[n] + "  ";
            }
            document.getElementById("textAll").value=txt;
            document.getElementById("textBll").value=txt;
        }
        //删除数据
        function deleted() {
            var data = myArr;
            var arr = document.getElementById("arr").value;
            var m = arr.split(",");
            var value="";
            var sumCll=0;
            var sumEll=0;
            var er="";
            var index;
            var patrn = /^COO+[0-9]*$/;
            console.log(arr);
            if(arr){
                for(var i=0;i<m.length;i++){
                    if(patrn.test(m[i])==false){
                        er+="错误条码："+m[i]+"\r\n";
                        sumEll+=1;
                    }else{
                        index = data.indexOf(m[i]);
                        console.log(index);
                        if (index != -1) {
                            data.splice(index,1);
                            console.log(data);
                            myArr = data;
                            show();
                        }else{
                            value += "条码:"+m[i]+"不存在\r\n";
                            sumCll+=1;
                        }
                    }
                    repeat();
                    document.getElementById("textCll").value=value;
                    document.getElementById("textEll").innerHTML=er;
                    re("not",sumCll);
                    re("error",sumEll);
                }
            }
            function newArray() {
                var patrn = /^[0-9]*$/;
                var qz = "COO";//前缀
                var numStart = document.getElementById("textst").value;  //数量起
                var numEnd = document.getElementById("textEnd").value;  //数量止
                var numberCopies = document.getElementById("numberCopies").value; //份数
                if (!patrn.test(numStart>numEnd) && !patrn.test(numberCopies<0)) {
                    document.getElementById("textCll").value=myArr;
                }
                var dataNum = numEnd - numStart + 1;
                if (numberCopies < 0) {
                    var newData = data.replace(arr, "");
                    document.getElementById("textCll").value=myArr;
                    document.getElementById("textEll").value=myArr;
                }
            }
        }
        function repeat(){
            var s = start;
            var count = -1;
            var qz = "COO";
            var str;
            var sum=0;
            var my="";
            for(var i=0;i<=end-start;i++){
                str = qz + s;
                for(var j=0;j<myArr.length;j++){
                    if(myArr[j]==str){
                        count+=1;
                    }
                }
                sum =sum +count;
                if(count!=-1)
                    my = my + str+" 重复数："+count+"\r\n";
                count=-1;
                s++;
            }
            document.getElementById("textDll").value = my;
            re("repeat",sum);
        }
        function re(name,sum){
            var re = document.getElementsByClassName(name);
            for(var i=0;i<re.length;i++){
                re[i].innerHTML=sum;
            }
        }
    </script>

    <!--显示时间-->
    <script language="javascript">
        var t = null;
        t = setTimeout(time,1000);//开始执行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var h=dt.getHours();
            var m=dt.getMinutes();
            var s=dt.getSeconds();
            document.getElementById("timeShow").innerHTML = h+"时"+m+"分"+s+"秒";
            t = setTimeout(time,1000); //设定定时器，循环执行
        }
    </script>

</head>
<body>
<form action="acions">
    <div class="cc">
        <div class="aa"  >
            <h6>根据条码规则生成原始数据( <span class=""></span> )</h6>
            <textarea  style="width:300px;height:150px; overflow:scroll; border:1px solid;" id="textAll" >
      </textarea></br>
            <input type="text" id="textst"  placeholder="数量起"/></br>
            <input type="text" id="textEnd"  placeholder="数量止"/></br>
            <input type="text" id="numberCopies"  placeholder="份数" /></br>
            <input type="button" onclick="newArray()" value="数据生成" /></br>
            <input type="text" id="arr" placeholder="输入已有的数据" /></br>
            <input type="button" onclick="deleted()" value="删除数据" /></br>
        </div>
        <div class="BB">
            <h6>待检测条码( <span class=""></span> )</h6>
            <textarea  style="width:300px; height:150px; overflow:scroll; border:1px solid;" id="textBll" ></textarea></br>
            <input type="text" id="text" placeholder="输入测试数据"/></br>
            <input type="button" onclick="newArray()" value="测试数据" /></br>
        </div>
        <div class="DD">
            <h6>重复条码( <span class = "not">0</span> )</h6>
            <textarea  style="width:200px; height:250px; overflow:scroll; border:1px solid;" id="textCll" ></textarea></br>
        </div>
        <div class="EE">
            <h6>重复存在条码( <span class = "repeat">0</span> )</h6>
            <textarea  style="width:200px; height:250px; overflow:scroll; border:1px solid;" id="textDll" ></textarea></br>
        </div>
        <div class="FF">
            <h6>错误条码( <span class = "error">0</span> )</h6>
            <textarea  style="width:200px; height:250px; overflow:scroll; border:1px solid;" id="textEll" ></textarea></br>
        </div>
        <div class="HH">
            <h6>遗漏条码( <span class = "error">0</span> )</h6>
            <textarea  style="width:200px; height:250px; overflow:scroll; border:1px solid;" id="textFll" ></textarea></br>
        </div>
        <div class="GG">
            <h3 style="size: auto">条码检测报告</h3>
            <h6>----------------------------------</h6>
            <h5>检测时间:&nbsp;&nbsp;<label id="timeShow"></label></h5>
            <h5>检测人:***  &emsp;&emsp; </h5>
            <h5>重复条码:( <span class = "not">0</span> )</h5>
            <h5>重复条码:( <span class = "repeat">0</span> )</h5>
            <h5>错误条码:( <span class = "error">0</span> )</h5>
            <h5>遗漏条码:(<span class=""></span>)</h5>
            <input type="button" onclick="aaaa()" value="提交" /></br>
        </div>
    </div>
</form>
</body>
</html>

运用JS判断代码可以参考学习的更多相关文章

前端学习:JS(面向对象)代码笔记
前端学习:JS(面向对象)代码笔记前端学习:JS面向对象知识学习(图解) 创建类和对象创建对象方式1调用Object函数 <body> </body> <script ...
最短的数字判断代码 js
转自 http://www.cnblogs.com/snandy/p/3590186.html 我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是nu ...
JS判断客户端是手机还是PC的2个代码（转）
转载自:http://www.jb51.net/article/48939.htm Javascript 判断客户端是否为 PC 还是手持设备,有时候项目中需要用到,很方便的检测,源生的哦,方法一共有 ...
SpringMVC学习系列-后记结合SpringMVC和Hibernate-validator，根据后台验证规则自动生成前台的js验证代码
在SpringMVC学习系列(6) 之数据验证中我们已经学习了如何结合Hibernate-validator进行后台的数据合法性验证,但是通常来说后台验证只是第二道保险,为了更好的用户体验会现在前端 ...
js页面跳转参考代码大全
整理一下JS页面跳转参考代码第一种: <script language=/"javascript/" type=/"text/javascript/&qu ...
js判断屏幕分辨率的代码
通过下面的代码判断分辨率 <script language="JavaScript"> <!-- Begin function redirectPage() { ...
js 判断checkbox是否选中的实例代码
分享下js判断是否选中CheckBox的方法. 代码如下: <input type="checkbox" name="checkbox1" checked ...
JS判断不能为空实例代码
JS判断不能为空实例代码.分享在此. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " ...
【功能代码】---3 JS判断字符串是否包含某个字符串
JS判断字符串是否包含某个字符串 var str ="abc"; if(str.indexOf("bc")>-1){ alert('str中包含bc字符串 ...

随机推荐

Angular: 执行ng lint后如何快速修改错误
当我第一次被分配到“修正执行ng lint语句后的错误”这项任务前,我就被导师提前告知这是一个很无聊的任务,当我开始后,我发现其实有一些办法可以加快这个无聊单调的工作.接下来,我就分享一下我的经验. ...
HDU 1426(数独 DFS)
题意是完成数独. 记录全图,将待填位置处填 0,记录下所有的待填位置,初始化结束.在每个待填位置处尝试填入 1 - 9,若经过判断后该位置可以填入某数字,则继续向下填下一个位置, 回溯时把待填位置重新 ...
JavaScript 基础六 'use strict'严格模式下的规则
why 严格模式 [1] 消除js语法的一些不合理.不严谨.不安全问题,减少怪异行为并保证代码运行安全 [2] 提高编译器效率,增加运行速度使用 [1]整个脚本启用严格模式,在顶部执行:" ...
083_Remove Duplicates from Sorted List
class ListNode: def __init__(self,x): self.val=x self.next=None ####注意这道题并不是把重复元素全部去掉而是保留一个#### #### ...
第四章Android移植环境搭建
第四章Android移植环境搭建这一章主要学习如何搭建 Android 移植的环境.因为 Android 底层是基于 Linux 内核的,所以本章从交叉编译环境等嵌入式开发环境的搭建开始,介绍了 B ...
关于MySQL中的8个 character_set 变量
https://blog.csdn.net/sun8112133/article/details/79921734 本篇会简单介绍在 MySQL 中关于 8个 character_set 变量的基本作 ...
Jenkins ubantu15 安装使用教程
Jenkins ubantu15 安装使用教程环境:unbatu15 + java version "1.8.0_181" + jenkins (2.137) 命令拉取: ...
POJ 3190
POJ3190 摊位预订.时间限制:1000MS内存限制:65536K.共提交材料:12959份接受:4 546名特别法官.描述. 哦,那些 ...
JMeter学习笔记02-基础介绍
基本构成 1)负载发生器:产生负载,多线程模拟用户行为 2)用户运行期:脚本运行引擎,用户运行器附加在线程上,根据指定脚本模拟指定的用户行为 3)资源发生器:生成测试过程中服务器.负载机的资源数据 4 ...
greenplum加密
--如下为greenplum5.0数据库加解密--加密函数select encrypt('123456','aa','aes');--加解密函数select convert_from(decrypt( ...

运用JS判断代码可以参考学习

JAVAScript代码加CSS和HTML

运用JS判断代码可以参考学习的更多相关文章

随机推荐

热门专题