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>')

 

持續更新...