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>')
持续更新...