zoukankan      html  css  js  c++  java
  • js常用骚操作总结

    打开网址

    window.open("http://www.runoob.com");
    

    判断是否为url

    var url = $("#url").val();
    if(url != '')
    {
        //判断URL地址的正则表达式为:http(s)?://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
        //下面的代码中应用了转义字符""输出一个字符"/"
        var Expression=/http(s)?://([w-]+.)+[w-]+(/[w- ./?%&=]*)?/;
        var objExp=new RegExp(Expression);
        if(objExp.test(url) != true){
            alert("网址格式不正确!请重新输入");
            return false;
        }
    }
    

    自动点击事件

    document.getElementById('displayMyVote').click();
    

    实现倒计时(分:秒)

    // 需要传入的参数为秒数,此方法倒计时结束后会自动刷新页面
    function resetTime(timetamp){
        var timer=null;
        var t=timeStamp;
        var m=0;
        var s=0;
        m=Math.floor(t/60%60);
        m<10&&(m='0'+m);
        s=Math.floor(t%60);
        function countDown(){
            s--;
            s<10&&(s='0'+s);
            if(s.length>=3){
                s=59;
                m="0"+(Number(m)-1);
            }
            if(m.length>=3){
                m='00';
                s='00';
                clearInterval(timer);
            }
            $("#Pk10Time").html(m+"分"+s+"秒");
            if(m==0 && s==0){
                location.reload();
            }
        }
        timer=setInterval(countDown,1000);
    }
    

    jq获取表单的全部数据,用于ajax提交

    var formData = {};
    var t = $('#Form').serializeArray();
    $.each(t, function() {
        formData[this.name] = this.value;
    });
    console.log(JSON.stringify(formData));
    
    说明:先获取内容,然后构建理想对象数据,最后是转为json 字符串,不需要可以不转化

    js动态设置select中option选中

    /** 
     * 设置select控件选中 
     * @param selectId select的id值 
     * @param checkValue 选中option的值 
     * @author code
    */  
    function set_select_checked(selectId, checkValue){  
        var select = document.getElementById(selectId);  
     
        for (var i = 0; i < select.options.length; i++){  
            if (select.options[i].value == checkValue){  
                select.options[i].selected = true;  
                break;  
            }  
        }  
    }
    

    判断数组中是否包含某元素

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var a = fruits.indexOf("Apple");
    //根据indexOf()的返回值判断,indexOf的返回值为某元素在数组中的下标,若不存在,返回 -1
    if(a >= 0){
        console.log('包含');
    }else{
        console.log('不包含');
    }
    

    删除数组元素

    //首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:
        Array.prototype.remove = function(val) {
            var index = this.indexOf(val);
            if (index > -1) {
                this.splice(index, 1);
            }
        };
    //然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素,代码为:
        Array.prototype.indexOf = function(val) {
            for (var i = 0; i < this.length; i++) {
                if (this[i] == val) return i;
            }
            return -1;
        };
    //这样就构造了这样一个函数,比如我有有一个数组:
    var arr = ['abs','dsf','sdf','fd'];
    //假如我们要删除其中的 'fd' ,就可以使用:
    arr.remove('fd');
    

    通过class属性删除节点

    function removeElementsByClass(className){
            var elements = document.getElementsByClassName(className);
            while(elements.length > 0){
                elements[0].parentNode.removeChild(elements[0]);
            }
        }
    

    待定

  • 相关阅读:
    Base64的解码和编码
    [WebService]代理类中对枚举类型的序列化
    Linq中的Where与SkipWhile
    Html 5中自定义data*特性
    实用TSQL之生成当前索引数据库中的外键上
    使用Post/Redirect/Get实现Asp.net防止表单重复提交
    用SquishIt最小化Css与Javascript文件
    Asp.net MVC 3 中 Unobtrusive javascript 与Ajax
    HTML5中custom data*特性与asp.net mvc 3 表单验证
    实现Asp.net MVC中AjaxOnly特性
  • 原文地址:https://www.cnblogs.com/ovim/p/11656507.html
Copyright © 2011-2022 走看看