JavaScript常用工具方法封装

9. Other 其它操作

/*获取网址参数*/ 
getURL(name){ 
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
    var r = decodeURI(window.location.search).substr(1).match(reg); 
    if(r!=null) return  r[2]; return null; 
} 
 
/*获取全部url参数,并转换成json对象*/ 
getUrlAllParams (url) { 
    var url = url ? url : window.location.href; 
    var _pa = url.substring(url.indexOf('?') + 1), 
        _arrS = _pa.split('&'), 
        _rs = {}; 
    for (var i = 0, _len = _arrS.length; i < _len; i++) { 
        var pos = _arrS[i].indexOf('='); 
        if (pos == -1) { 
            continue; 
        } 
        var name = _arrS[i].substring(0, pos), 
            value = window.decodeURIComponent(_arrS[i].substring(pos + 1)); 
        _rs[name] = value; 
    } 
    return _rs; 
} 
 
/*删除url指定参数，返回url*/ 
delParamsUrl(url, name){ 
    var baseUrl = url.split('?')[0] + '?'; 
    var query = url.split('?')[1]; 
    if (query.indexOf(name)>-1) { 
        var obj = {} 
        var arr = query.split("&"); 
        for (var i = 0; i < arr.length; i++) { 
            arr[i] = arr[i].split("="); 
            obj[arr[i][0]] = arr[i][1]; 
        }; 
        delete obj[name]; 
        var url = baseUrl + JSON.stringify(obj).replace(/["{}]/g,"").replace(/:/g,"=").replace(/,/g,"&"); 
        return url 
    }else{ 
        return url; 
    } 
} 
 
/*获取十六进制随机颜色*/ 
getRandomColor () { 
    return '#' + (function(h) { 
        return new Array(7 - h.length).join("0") + h; 
    })((Math.random() * 0x1000000 << 0).toString(16)); 
} 
 
/*图片加载*/ 
imgLoadAll(arr,callback){ 
    var arrImg = [];  
    for (var i = 0; i < arr.length; i++) { 
        var img = new Image(); 
        img.src = arr[i]; 
        img.onload = function(){ 
            arrImg.push(this); 
            if (arrImg.length == arr.length) { 
                callback && callback(); 
            } 
        } 
    } 
} 
 
/*音频加载*/ 
loadAudio(src, callback) { 
    var audio = new Audio(src); 
    audio.onloadedmetadata = callback; 
    audio.src = src; 
} 
 
/*DOM转字符串*/ 
domToStirng(htmlDOM){ 
    var div= document.createElement("div"); 
    div.appendChild(htmlDOM); 
    return div.innerHTML 
} 
 
/*字符串转DOM*/ 
stringToDom(htmlString){ 
    var div= document.createElement("div"); 
    div.innerHTML=htmlString; 
    return div.children[0]; 
} 
 
/** 
 * 光标所在位置插入字符，并设置光标位置 
 *  
 * @param {dom} 输入框 
 * @param {val} 插入的值 
 * @param {posLen} 光标位置处在 插入的值的哪个位置 
 */ 
setCursorPosition (dom,val,posLen) { 
    var cursorPosition = 0; 
    if(dom.selectionStart){ 
        cursorPosition = dom.selectionStart; 
    } 
    this.insertAtCursor(dom,val); 
    dom.focus(); 
    console.log(posLen) 
    dom.setSelectionRange(dom.value.length,cursorPosition + (posLen || val.length)); 
} 
 
/*光标所在位置插入字符*/ 
insertAtCursor(dom, val) { 
    if (document.selection){ 
        dom.focus(); 
        sel = document.selection.createRange(); 
        sel.text = val; 
        sel.select(); 
    }else if (dom.selectionStart || dom.selectionStart == '0'){ 
        let startPos = dom.selectionStart; 
        let endPos = dom.selectionEnd; 
        let restoreTop = dom.scrollTop; 
        dom.value = dom.value.substring(0, startPos) + val + dom.value.substring(endPos, dom.value.length); 
        if (restoreTop > 0){ 
            dom.scrollTop = restoreTop; 
        } 
        dom.focus(); 
        dom.selectionStart = startPos + val.length; 
        dom.selectionEnd = startPos + val.length; 
    } else { 
        dom.value += val; 
        dom.focus(); 
    } 
}  

CSS

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!