zoukankan      html  css  js  c++  java
  • js常用判断和语法

    1.js获取选中的redio元素

    var version = $('.version input[name="input1"]:checked').val();
    //单选框默认选中
    <input type="radio" name="input1" value="1" checked="true">单选1

    2.判断输入框的值是否为空或未定义

    function isNull(str){
                if (str == '' || str == undefined || str == null) {
                    return true;
                }else{
                    return false;
                };
            };

    3.判断输入框内容是否符合正则匹配

    var exp = /^((ht|selcc tbtagf)tps?)://[w-]+(.[w-]+)([w-.,@?^=%&:/~+#]*[com|cn])?$/;
    if(!exp.test(host)){
                    alert('请输入正确的url');
                    return false;
                };

    4.验证输入框的内容是否为json格式

    function isJsonString(str) {
                try {
                    JSON.parse(str);
                    return true
                } catch (err) {
                    return false
                }
            };

    5.判断字符串是否包含字符串

    var str = "hello world";
    alert(str.indexOf("world"));
    //如果不包含则返回-1, 反之范围字符串所在位置
    if(str.indexOf("world")!=-1){
        alert("包含");
    }else{
        alert("不包含");
    };

    6.原生js设置元素内容

    document.getElementById("msg").innerHTML = "原生js修改了我";

    7.原生js操作cookie

      对cookie 的理解 ,他是一个浏览器对象,而非js的对象,可以跨页面读取。通过cookie可以设置保存用户的账户信息等,同时cookie也是针对域名区分的,保存于用户对应的数据文件中,

     所以清除缓存之后会丢失。 同时设置cookie之后,不用向服务器多次请求用户信息,直接使用保存的用户基本信息以及sessionid即可
    /*设置cookie 的键值对,参数说明 :
      name 名称 str ; value 值 str ;
      expireDays 过期的时间 以当前时间为准 ,单位为天 number;path 目录
    */
    function setCookie(name, value) {
        var exp = new Date();
        var expireDays = 0.5; //默认保存30天
        exp.setTime(exp.getTime() + expireDays * 24 * 3600 * 1000);
        //为保证安全 需要将所有的值编码
        var value = escape(value);
        var path = "/"; //默认保存到域名地址
        if(path != null) {
            document.cookie = name + '=' + value + ";expires=" + exp.toGMTString() + ";path=" + path;
        } else {
            document.cookie = name + '=' + value + ";expires=" + exp.toGMTString();
        };
    };
    
    /*
    删除cookie 的键值对,参数说明 : name 名称 str  设置过期时间为过去的时间即可
    */
    function delCookie(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 100);
        var value = getCookie(name);
        if(value != null)
            document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ";path=/";
    };
    
    /*
    获取cookie 的键值对,参数说明 : name 名称 str
    */
    function getCookie(name) {
        var strCookie = document.cookie;
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if(arr = strCookie.match(reg))
            return unescape(arr[2]);
        else
            return "";
    };

    8.js动态添加元素

    $(".selc .selcc").append('<div class="seli"><a class="nx-8" href="javascript:void(0)" data-toggle="modal" data-target="#hidden_help">help</a></div>')

    持续更新...

  • 相关阅读:
    jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
    js 跳转页面 刷新页面
    一些基本的正则- 手机号正则,邮箱正则,数字正则,字母正则,汉子正则,身份证正则.等
    vue 中使用 国际化(i18n)
    nvm 下载node不会自动下载npm
    angular 自定义组件和form的formControlName 连用
    angular8 搜索组件封装
    vscode 设置缩进 4
    滚动条样式设置
    使用vscode 1. 报在签出前,请清理储存库工作树. 2.拉取代码报错
  • 原文地址:https://www.cnblogs.com/mswei/p/10335394.html
Copyright © 2011-2022 走看看