JavaScript 常用方法总结

最新推荐文章于 2024-08-25 09:57:22 发布
最新推荐文章于 2024-08-25 09:57:22 发布
阅读量378 收藏
点赞数
分类专栏： javascript 文章标签： javascript 函数
                
程序猿

imkuqin

本微信公众号：imkuqin，为程序员提供最新最全的编程学习资料的查询。目前已经开通PHP、C/C++函数库、.NET Framework类库、J2SE API查询功能。

经常使用的 JS 方法，今天记下，以便以后查询

/* 手机类型判断 */

var BrowserInfo = {

userAgent: navigator.userAgent.toLowerCase()

isAndroid: Boolean(navigator.userAgent.match(/android/ig)),

isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)),

isIpad: Boolean(navigator.userAgent.match(/ipad/ig)),

isWeixin: Boolean(navigator.userAgent.match(/MicroMessenger/ig)),

}

 
 
 
 
/* 返回字符串长度，汉子计数为2  */
 
 
 
  
function strLength(str) {
 
  
var a = 0;
 
  
for (var i = 0; i < str.length; i++) {
 
  
   if (str.charCodeAt(i) > 255)
 
  
       a += 2;//按照预期计数增加2
 
  
   else
 
  
       a++;
 
  
}
 
  
return a;
 
  
}
 
 
 
 
获取url中的参数
 
 
 
  
function GetQueryStringRegExp(name,url) {
 
  
var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
 
  
if (reg.test(url)) return decodeURIComponent(RegExp.$2.replace(/\+/g, " ")); return "";
 
  
}　　
 
 
 
 
/* js 绑定事件 适用于任何浏览器的元素绑定  */
 
 
 
  
function eventBind(obj, eventType, callBack) {
 
  
   if (obj.addEventListener) {
 
  
       obj.addEventListener(eventType, callBack, false);
 
  
   }
 
  
   else if (window.attachEvent) {
 
  
       obj.attachEvent('on' + eventType, callBack);
 
  
   }
 
  
   else {
 
  
       obj['on' + eventType] = callBack;
 
  
   }
 
  
};
 
  
eventBind(document, 'click', bodyClick);　　
 
 
 
 
/* 获得当前浏览器JS的版本 */
 
 
 
  
function getjsversion(){
 
  
var n = navigator;
 
  
var u = n.userAgent;
 
  
var apn = n.appName;
 
  
var v = n.appVersion;
 
  
var ie = v.indexOf('MSIE ');
 
  
if (ie > 0){
 
  
   apv = parseInt(i = v.substring(ie + 5));
 
  
   if (apv > 3) {
 
  
       apv = parseFloat(i);
 
  
   }
 
  
} else {
 
  
   apv = parseFloat(v);
 
  
}
 
  
var isie = (apn == 'Microsoft Internet Explorer');
 
  
var ismac = (u.indexOf('Mac') >= 0);
 
  
var javascriptVersion = "1.0";
 
  
if (String && String.prototype) {
 
  
   javascriptVersion = '1.1';
 
  
   if (javascriptVersion.match) {
 
  
       javascriptVersion = '1.2';
 
  
       var tm = new Date;
 
  
       if (tm.setUTCDate) {
 
  
           javascriptVersion = '1.3';
 
  
           if (isie && ismac && apv >= 5) javascriptVersion = '1.4';
 
  
           var pn = 0;
 
  
           if (pn.toPrecision) {
 
  
               javascriptVersion = '1.5';
 
  
               a = new Array;
 
  
               if (a.forEach) {
 
  
                   javascriptVersion = '1.6';
 
  
                   i = 0;
 
  
                   o = new Object;
 
  
                   tcf = new Function('o', 'var e,i=0;try{i=new Iterator(o)}catch(e){}return i');
 
  
                   i = tcf(o);
 
  
                   if (i && i.next) {
 
  
                       javascriptVersion = '1.7';
 
  
                   }
 
  
               }
 
  
           }
 
  
       }
 
  
   }
 
  
}
 
  
return javascriptVersion;
 
  
}　　
 
 
 
 
/* 获取当前点击事件的Object对象 */
 
 
 
  
function getEvent() {
 
  
if (document.all) {
 
  
    return window.event; //如果是ie
 
  
}
 
  
func = getEvent.caller;
 
  
while (func != null) {
 
  
    var arg0 = func.arguments[0];
 
  
    if (arg0) {
 
  
        if ((arg0.constructor == Event || arg0.constructor == MouseEvent)
 
  
|| (typeof (arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
 
  
            return arg0;
 
  
        }
 
  
    }
 
  
    func = func.caller;
 
  
}
 
  
return null;
 
  
};　　
 
 
 
 
/* 字符串截取方法  */
 
 
 
  
getCharactersLen: function (charStr, cutCount) {
 
  
    if (charStr == null || charStr == '') return '';
 
  
    var totalCount = 0;
 
  
    var newStr = '';
 
  
    for (var i = 0; i < charStr.length; i++) {
 
  
        var c = charStr.charCodeAt(i);
 
  
        if (c < 255 && c > 0) {
 
  
            totalCount++;
 
  
        } else {
 
  
            totalCount += 2;
 
  
        }
 
  
        if (totalCount >= cutCount) {
 
  
            newStr += charStr.charAt(i);
 
  
            break;
 
  
        }
 
  
        else {
 
  
            newStr += charStr.charAt(i);
 
  
        }
 
  
    }
 
  
    return newStr;
 
  
}　　
 
 
 
 
/*  JS 弹出新窗口全屏  */
 
 
 
  
var tmp = window.open("about:blank", "", "fullscreen=1")
 
  
                        tmp.moveTo(0, 0);
 
  
                        tmp.resizeTo(screen.width + 20, screen.height);
 
  
                        tmp.focus();
 
  
                        tmp.location.href = 'http://www.che168.com/pinggu/eva_' + msgResult.message[0] + '.html';
 
  
 
  
var config_ = "left=0,top=0,width=" + (window.screen.Width) + ",height=" + (window.screen.Height);
 
  
                        window.open('http://www.che168.com/pinggu/eva_' + msgResult.message[0] + '.html', "winHanle", config_);
 
  
//模拟form提交打开新页面
 
  
var f = document.createElement("form");
 
  
                        f.setAttribute('action', 'http://www.che168.com/pinggu/eva_' + msgResult.message[0] + '.html');
 
  
                        f.target = '_blank';
 
  
                        document.body.appendChild(f);
 
  
                        f.submit();　　
 
 
 
 
/* 全选/全不选 */
 
 
 
  
function selectAll(objSelect) {
 
  
        if (objSelect.checked == true) {
 
  
            $("input[name='chkId']").attr("checked", true);
 
  
            $("input[name='chkAll']").attr("checked", true);
 
  
        }
 
  
        else if (objSelect.checked == false) {
 
  
            $("input[name='chkId']").attr("checked", false);
 
  
            $("input[name='chkAll']").attr("checked", false);
 
  
        }
 
  
    }
 
  
　　
 
 
 
 
/* js 判断浏览器  */
 
 
 
  
判断是否是 IE 浏览器
 
  
if (document.all){
 
  
    alert(”IE浏览器”);
 
  
}else{
 
  
    alert(”非IE浏览器”);
 
  
}
 
  
if (!!window.ActiveXObject){
 
  
    alert(”IE浏览器”);
 
  
}else{
 
  
    alert(”非IE浏览器”);
 
  
}
 
  
判断是IE几
 
  
var isIE=!!window.ActiveXObject;
 
  
var isIE6=isIE&&!window.XMLHttpRequest;
 
  
var isIE8=isIE&&!!document.documentMode;
 
  
var isIE7=isIE&&!isIE6&&!isIE8;
 
  
if (isIE){
 
  
if (isIE6){
 
  
    alert(”ie6″);
 
  
}else if (isIE8){
 
  
    alert(”ie8″);
 
  
}else if (isIE7){
 
  
    alert(”ie7″);
 
  
}
 
  
}　　
 
 
 
 
/* 判断浏览器 */
 
 
 
  
function getOs() {
 
  
if (navigator.userAgent.indexOf("MSIE 8.0") > 0) {
 
  
    return "MSIE8";
 
  
}
 
  
else if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
 
  
    return "MSIE6";
 
  
}
 
  
else if (navigator.userAgent.indexOf("MSIE 7.0") > 0) {
 
  
    return "MSIE7";
 
  
}
 
  
else if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
 
  
    return "Firefox";
 
  
}
 
  
if (navigator.userAgent.indexOf("Chrome") > 0) {
 
  
    return "Chrome";
 
  
}
 
  
else {
 
  
    return "Other";
 
  
}
 
  
}　　
 
 
 
 
/*  JS判断两个日期大小 适合 2012-09-09 与2012-9-9 两种格式的对比  */
 
 
 
  
//得到日期值并转化成日期格式，replace(/\-/g, "\/")是根据验证表达式把日期转化成长日期格式，这样再进行判断就好判断了
 
  
    function ValidateDate() {
 
  
        var beginDate = $("#t_datestart").val();
 
  
        var endDate = $("#t_dateend").val();
 
  
        if (beginDate.length > 0 && endDate.length>0) {
 
  
            var sDate = new Date(beginDate.replace(/\-/g, "\/"));
 
  
            var eDate= new Date(endDate.replace(/\-/g, "\/"));
 
  
            if (sDate > eDate) {
 
  
                alert('开始日期要小于结束日期');
 
  
                return false;
 
  
            }
 
  
        }
 
  
    }　　
 
 
 
 
/* 移除事件 */
 
 
 
  
this.moveBind = function (objId, eventType, callBack) {
 
  
var obj = document.getElementById(objId);
 
  
if (obj.removeEventListener) {
 
  
    obj.removeEventListener(eventType, callBack, false);
 
  
}
 
  
else if (window.detachEvent) {
 
  
    obj.detachEvent('on' + eventType, callBack);
 
  
}
 
  
else {
 
  
    obj['on' + eventType] = null;
 
  
}
 
  
}　　
 
 
 
 
/* 回车提交 */
 
 
 
  
$("id").onkeypress = function (event) {
 
  
event = (event) ? event : ((window.event) ? window.event : "")
 
  
keyCode = event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode);
 
  
if (keyCode == 13) {
 
  
    $("SubmitLogin").onclick();
 
  
}
 
  
}　　
 
 
 
 
/* JS 执行计时器 */
 
 
 
  
timeStart = new Date().getTime();
 
  
timesEnd = new Date().getTime();
 
  
document.getElementById("time").innerHTML = timesEnd - timeStart;　　
 
 
 
 
/* JS 写Cookie */
 
 
 
  
function setCookie(name, value, expires, path, domain) {
 
  
if (!expires) expires = -1;
 
  
if (!path) path = "/";
 
  
var d = "" + name + "=" + value;
 
  
var e;
 
  
if (expires < 0) {
 
  
    e = "";
 
  
}
 
  
else if (expires == 0) {
 
  
    var f = new Date(1970, 1, 1);
 
  
    e = ";expires=" + f.toUTCString();
 
  
}
 
  
else {
 
  
    var now = new Date();
 
  
    var f = new Date(now.getTime() + expires * 1000);
 
  
    e = ";expires=" + f.toUTCString();
 
  
}
 
  
var dm;
 
  
if (!domain) {
 
  
    dm = "";
 
  
}
 
  
else {
 
  
    dm = ";domain=" + domain;
 
  
}
 
  
document.cookie = name + "=" + value + ";path=" + path + e + dm;
 
  
};　　
 
 
 
 
/* JS 读Cookie  */
 
 
 
  
function readCookie(name) {
 
  
var nameEQ = name + "=";
 
  
var ca = document.cookie.split(';');
 
  
for (var i = 0; i < ca.length; i++) {
 
  
    var c = ca[i];
 
  
    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
 
  
    if (c.indexOf(nameEQ) == 0) {
 
  
        return decodeURIComponent(c.substring(nameEQ.length, c.length))
 
  
    }
 
  
} return null
 
  
}　　
 
 
 
 
/*  Ajax 请求  */
 
 
 
  
C.ajax = function (args) {
 
  
var self = this;
 
  
this.options = {
 
  
    type: 'GET',
 
  
    async: true,
 
  
    contentType: 'application/x-www-form-urlencoded',
 
  
    url: 'about:blank',
 
  
    data: null,
 
  
    success: {},
 
  
    error: {}
 
  
};
 
  
this.getXmlHttp = function () {
 
  
    var xmlHttp;
 
  
    try {
 
  
        xmlhttp = new XMLHttpRequest();
 
  
    }
 
  
    catch (e) {
 
  
        try {
 
  
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 
  
        }
 
  
        catch (e) {
 
  
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 
  
        }
 
  
    }
 
  
    if (!xmlhttp) {
 
  
        alert('您的浏览器不支持AJAX');
 
  
        return false;
 
  
    }
 
  
    return xmlhttp;
 
  
};
 
  
this.send = function () {
 
  
    C.each(self.options, function (key, val) {
 
  
        self.options[key] = (args[key] == null) ? val : args[key];
 
  
    });
 
  

 
 
  
    var xmlHttp = new self.getXmlHttp();
 
  
    if (self.options.type.toUpperCase() == 'GET') {
 
  
        xmlHttp.open(self.options.type, self.options.url + (self.options.data == null ? "" : ((/[?]$/.test(self.options.url) ? '&' : '?') + self.options.data)), self.options.async);
 
  
    }
 
  
    else {
 
  
        xmlHttp.open(self.options.type, self.options.url, self.options.async);
 
  
        xmlHttp.setRequestHeader('Content-Length', self.options.data.length);
 
  
    }
 
  
    xmlHttp.setRequestHeader('Content-Type', self.options.contentType);
 
  
    xmlHttp.onreadystatechange = function () {
 
  
        if (xmlHttp.readyState == 4) {
 
  
            if (xmlHttp.status == 200 || xmlHttp.status == 0) {
 
  
                if (typeof self.options.success == 'function') self.options.success(xmlHttp.responseText);
 
  
                xmlHttp = null;
 
  
            }
 
  
            else {
 
  
                if (typeof self.options.error == 'function') self.options.error('Server Status: ' + xmlHttp.status);
 
  
            }
 
  
        }
 
  
    };
 
  

 
 
  
    xmlHttp.send(self.options.type.toUpperCase() == 'POST' ? self.options.data.toString() : null);
 
  
};
 
  
this.send();
 
  
};　　
 
 
 
 
/*  JS StringBuilder 用法  */
 
 
 
  
function StringBuilder() {
 
  
this.strings = new Array;
 
  
};
 
  
StringBuilder.prototype.append = function (str) {
 
  
this.strings.push(str);
 
  
};
 
  
StringBuilder.prototype.toString = function () {
 
  
return this.strings.join('');
 
  
};　　
 
 
 
 
/* JS 加载到顶部LoadJS  */
 
 
 
  
function loadJS (url, fn) {
 
  
    var ss = document.getElementsByName('script'),
 
  
        loaded = false;
 
  
    for (var i = 0, len = ss.length; i < len; i++) {
 
  
        if (ss[i].src && ss[i].getAttribute('src') == url) {
 
  
            loaded = true;
 
  
            break;
 
  
        }
 
  
    }
 
  
    if (loaded) {
 
  
        if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
 
  
        return false;
 
  
    }
 
  
    var s = document.createElement('script'),
 
  
        b = false;
 
  
    s.setAttribute('type', 'text/javascript');
 
  
    s.setAttribute('src', url);
 
  
    s.onload = s.onreadystatechange = function () {
 
  
        if (!b && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
 
  
            b = true;
 
  
            if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
 
  
        }
 
  
    };
 
  
    document.getElementsByTagName('head')[0].appendChild(s);
 
  
},
 
  
bind: function (objId, eventType, callBack) {  //适用于任何浏览器的绑定
 
  
    var obj = document.getElementById(objId);
 
  
    if (obj.addEventListener) {
 
  
        obj.addEventListener(eventType, callBack, false);
 
  
    }
 
  
    else if (window.attachEvent) {
 
  
        obj.attachEvent('on' + eventType, callBack);
 
  
    }
 
  
    else {
 
  
        obj['on' + eventType] = callBack;
 
  
    }
 
  
}
 
  

 
 
  
function JSLoad (args) {
 
  
    s = document.createElement("script");
 
  
    s.setAttribute("type", "text/javascript");
 
  
    s.setAttribute("src", args.url);
 
  
    s.onload = s.onreadystatechange = function () {
 
  
        if (!s.readyState || s.readyState == "loaded" || s.readyState == "complete") {
 
  
            if (typeof args.callback == "function") args.callback(this, args);
 
  
            s.onload = s.onreadystatechange = null;
 
  
            try {
 
  
                s.parentNode && s.parentNode.removeChild(s);
 
  
            } catch (e) { }
 
  
        }
 
  
    };
 
  
    document.getElementsByTagName("head")[0].appendChild(s);
 
  
}　　
 
 
 
 
/*  清空 LoadJS 加载到顶部的js引用  */
 
 
 
  
function ClearHeadJs  (src) {
 
  
    var js = document.getElementsByTagName('head')[0].children;
 
  
    var obj = null;
 
  
    for (var i = 0; i < js.length; i++) {
 
  
        if (js[i].tagName.toLowerCase() == "script" && js[i].attributes['src'].value.indexOf(src) > 0) {
 
  
            obj = js[i];
 
  
        }
 
  
    }
 
  
    document.getElementsByTagName('head')[0].removeChild(obj);
 
  
};　　
 
 
 
 
/*  JS 替换非法字符主要用在密码验证上出现的特殊字符  */
 
 
 
  
function URLencode(sStr) {
 
  
return escape(sStr).replace(/\+/g, '%2B').replace(/\"/g, '%22').replace(/\'/g, '%27').replace(/\//g, '%2F');
 
  
};　　
 
 
 
 
/* 按Ctrl + Entert 直接提交表单 */
 
 
 
  
document.body.onkeydown = function (evt) {
 
  
evt = evt ? evt : (window.event ? window.event : null);
 
  
if (13 == evt.keyCode && evt.ctrlKey) {
 
  
    evt.returnValue = false;
 
  
    evt.cancel = true;
 
  
    PostData();
 
  
}
 
  
};　　
 
 
 
 
/* 获取当前时间  */
 
 
 
  
function GetCurrentDate() {
 
  
    var d = new Date();
 
  
    var y = d.getYear()+1900;
 
  
    month = add_zero(d.getMonth() + 1),
 
  
    days = add_zero(d.getDate()),
 
  
    hours = add_zero(d.getHours());
 
  
    minutes = add_zero(d.getMinutes()),
 
  
    seconds = add_zero(d.getSeconds());
 
  
    var str = y + '-' + month + '-' + days + ' ' + hours + ':' + minutes + ':' + seconds;
 
  
    return str;
 
  
};
 
  
function add_zero(temp) {
 
  
    if (temp < 10) return "0" + temp;
 
  
    else return temp;
 
  
}　　
 
 
 
 
/* Js 去掉空格方法：  */
 
 
 
  
String.prototype.Trim = function()
 
  
{ return this.replace(/(^\s*)|(\s*$)/g, ""); }
 
  
String.prototype.LTrim = function()
 
  
{return this.replace(/(^\s*)/g, "");}
 
  
String.prototype.RTrim = function()
 
  
{return this.replace(/(\s*$)/g, "");}　　
 
 
 
 
/* js 动态移除 head 里的 js 引用  */
 
 
 
  
this.ClearHeadJs = function (src) {
 
  
var js = document.getElementsByTagName('head')[0].children;
 
  
var obj = null;
 
  
for (var i = 0; i < js.length; i++) {
 
  
    if (js[i].tagName.toLowerCase() == "script" && js[i].attributes['src'].value.indexOf(src) > 0) {
 
  
        obj = js[i];
 
  
    }
 
  
}
 
  
document.getElementsByTagName('head')[0].removeChild(obj);
 
  
};　　
 
 
 
 
/*  整个UL 点击事件  加在UL里的onclick里 */
 
 
 
  
function CreateFrom(url, params) {
 
  
var f = document.createElement("form");
 
  
f.setAttribute("action", url);
 
  
for (var i = 0; i < params.length; i++) {
 
  
     var input = document.createElement("input");
 
  
     input.setAttribute("type", "hidden");
 
  
     input.setAttribute("name", params[i].paramName);
 
  
     input.setAttribute("value", params[i].paramValue);
 
  
     f.appendChild(input);
 
  
}
 
  
f.target = "_blank";
 
  
document.body.appendChild(f);
 
  
f.submit();
 
  
};　　
 
 
 
 
/* 判断浏览器使用的是哪个 JS 版本 */
 
 
 
  
<script language="javascript">
 
  
  var jsversion = 1.0;
 
  
</script>
 
  
<script language="javascript1.1">
 
  
  jsversion = 1.1;
 
  
</script>
 
  
<script language="javascript1.2">
 
  
  jsversion = 1.2;
 
  
</script>
 
  
<script language="javascript1.3">
 
  
  jsversion = 1.3;
 
  
</script>
 
  
<script language="javascript1.4">
 
  
  jsversion = 1.4;
 
  
</script>
 
  
<script language="javascript1.5">
 
  
  jsversion = 1.5;
 
  
</script>
 
  
<script language="javascript1.6">
 
  
  jsversion = 1.6;
 
  
</script>
 
  
<script language="javascript1.7">
 
  
  jsversion = 1.7;
 
  
</script>
 
  
<script language="javascript1.8">
 
  
  jsversion = 1.8;
 
  
</script>
 
  
<script language="javascript1.9">
 
  
  jsversion = 1.9;
 
  
</script>
 
  
<script language="javascript2.0">
 
  
  jsversion = 2.0;
 
  
</script>
 
  
alert(jsversion);
 
 
 


                

        

        

    




    

      

        

            

              
                
                  LYT枫随风--rex
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
html中如何写系统时间,在HTML页面获取当前系统时间

				
			

			

				

					weixin_42364640的博客
				

				

					05-30
					
					5471
					
				

			

		

		

			
				
function getCurDate(){var d = new Date();var week;switch (d.getDay()){case 1: week="星期一"; break;case 2: week="星期二"; break;case 3: week="星期三"; break;case 4: week="星期四"; break;case 5: week="星期五"; break;...

			
		

	



                

              
                



	

		

			

				
					
JavaScript方法总结

				
			

			

				

					A-Select  °
				

				

					02-28
					
					150
					
				

			

		

		

			
				
数组类
过滤数组中的数据： filter() // 返回true，过滤掉false
例：const newArray = Array.filter(val => val.id !== ‘001’);
查找数组中的数据： find()  // 返回查找到的元素
例：const data = Array.find(val => val.id === ‘001’);
查找数组中元素的位置： ...

			
		

	



                


  
              

                


	

		

			

				
					
日期补0

				
			

			

				

					weixin_30596165的博客
				

				

					07-09
					
					72
					
				

			

		

		

			
				
function  add_zero(time){
        var temp = time.split("-");
        if(temp[1].length==1)temp[1] = "0"+temp[1];
        if(temp[2].length==1)temp[2] = "0"+temp[2];
        return temp[0]+"-"+t...

			
		

	





	

		

			

				
					
javascript常用方法总结

				
			

			

				

					搓搓那年时光静好
				

				

					01-10
					
					1254
					
				

			

		

		

			
				
javascript常用方法总结
index和indexof ，lastindexof
        var arr =  [1,2,3,4,5,4,3,2,1];
        // 1个参数的时候表示传值，返回索引位置 （index 从零开始）
        var index = arr.indexOf(4);
        // 2个参数的时候，第一个参数表示起始位置  第二个参数还

			
		

	



		

			
		



	

		

			

				
					
javascript 常用方法

				
			

			

				

					爱人BT的博客
				

				

					12-26
					
					1774
					
				

			

		

		

			
				
一、Js/Jquery获取网页屏幕可见区域高度

1.1、获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。


document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域...

			
		

	





	

		

			

				
					
javascript 常用方法总结

				
			

			

				

					10-29
				

			

		

		

			
				
JavaScript常用方法总结  JavaScript是一种广泛应用于Web开发的脚本语言，提供了许多实用的方法来操作字符串、数组、日期等。下面将总结一些常用的JavaScript方法。  1. replace()方法  replace()方法用于字符串的...

			
		

	





	

		

			

				
					
vue ref和reactive区别

					
最新发布

				
			

			

				

					灰海
				

				

					08-25
					
					257
					
				

			

		

		

			
				
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。

			
		

	





	

		

			

				
					
2024前端面试题-js篇

				
			

			

				

					FormAda的博客
				

				

					08-22
					
					861
					
				

			

		

		

			
				
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。

			
		

	





	

		

			

				
					
vue开发引入第三方插件的方式及其区别

				
			

			

				

					你们瞎搞
				

				

					08-22
					
					371
					
				

			

		

		

			
				
npm。

			
		

	





	

		

			

				
					
【js】各类前端输入校验方法

				
			

			

				

					galaxyJING的博客
				

				

					08-21
					
					363
					
				

			

		

		

			
				
【代码】【js】各类前端输入校验方法。

			
		

	





	

		

			

				
					
Ant-Design-Vue快速上手指南+排坑，操作详细步骤

				
			

			

				

					liyy614的博客
				

				

					08-23
					
					830
					
				

			

		

		

			
				
总的来说，掌握Ant-Design-Vue的基本使用并不复杂，但是要想充分利用其提供的功能，就需要深入了解每个组件的详细用法，以及如何合理地整合到你的项目之中。Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。例如，当你首次注册Ant Design Vue时，需要确保Vue实例已经正确创建并且版本兼容。再如，在按需引入组件的时候，配置正确的webpack策略可以避免不必要的资源请求。

			
		

	





	

		

			

				
					
【Vue】：利用 vue-drag-resize 拖拽缩放插件，实现对元素的拖拽以及拉伸操作，从而调整元素的宽度和高度

				
			

			

				

					Anislandwhale的博客
				

				

					08-21
					
					941
					
				

			

		

		

			
				
“vue-drag-resize” 是一个用于 Vue.js 的插件，它允许你在 Vue 应用中轻松实现可拖拽和可调整大小的元素

			
		

	





	

		

			

				
					
前端点击预览图片：Viewer.js 使用方法

				
			

			

				

					mq1314520_zhl的博客
				

				

					08-21
					
					745
					
				

			

		

		

			
				
Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本，js版本和jquery版本，下载地址分别为jQuery 版本：GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.

			
		

	





	

		

			

				
					
Vue路由

				
			

			

				

					程小白的博客
				

				

					08-19
					
					671
					
				

			

		

		

			
				
这样我们的路由信息就配置好了。但是有一个bug需要解决。当我们配置好路由信息后，重启项目，再次访问，会发现什么也不显示，这是因为当项目启动起来时默认访问的路由的路径是"/"而非“/dept”和"/emp",但是在配置路由时并没有配置“/”的路由，因此要再新配置一个“/"的路由信息。

			
		

	





	

		

			

				
					
JavaScript 错误 - Throw 和 Try to Catch的使用

				
			

			

				

					逆风优雅的博客
				

				

					08-23
					
					150
					
				

			

		

		

			
				
trycatchthrow上面的代码  因为 try中 没有adddlert这个方法，或者这个方法有误，这时，代码会执行catch部分。JavaScript 实际上会创建带有两个属性的Error 对象name和message。

			
		

	





	

		

			

				
					
JavaScript ECMAScript 6

				
			

			

				

					歌舞阿瓜的博客
				

				

					08-21
					
					178
					
				

			

		

		

			
				
使用const关键字定义常量，限制的是给常量分配值的动作，但是不限制常量中的值。使用let声明的变量，只在块级作用域中有效，在块之外无法访问。键值一致的时候可以省略值，函数写法可以省略function。=可能得到的结果不理想，可以使用Object.is()无需实例化对象也可以直接使用static修饰的方法。设置对象的prototype和proto。需要注意，箭头函数没有this。构建类，获取和修改类的属性。使用继承，减少冗余代码。set集合中不允许重复。map集合中存储键值对。

			
		

	





	

		

			

				
					
八、SPA单页面实现SEO优化之预渲染prerender-spa-plugin

				
			

			

				

					qq_44849312的博客
				

				

					08-23
					
					969
					
				

			

		

		

			
				
六、什么是SEO优化（搜索引擎优化）？SPA单页面应用如何实现SEO优化？通过上一篇文章我们介绍了服务端渲染的方式来实现单页面应用的SEO优化。但是，服务端渲染的方式对开发并不友好，它需要约定各种规范，比较适合开发大型网站。对于一些微型网站，比如个人博客，或者公司的小型应用网站，路由数量，页面数量并不多，我们可以使用prerender-spa-plugin预渲染来实现SPA单页面的SEO优化。它的优点是简单方便，不需要改动太多原来的项目内容。

			
		

	





	

		

			

				
					
用 JavaScript 实现归并排序

				
			

			

				

					每天都要努力学习哦~~
				

				

					08-21
					
					794
					
				

			

		

		

			
				
在本文中，我们了解了Merge Sort算法背后的逻辑，并用 JavaScript 实现。它是基本排序算法之一，可以帮助我们更好的了解分治法策略。

			
		

	





	

		

			

				
					
"2014年发表的Javascript常用方法函数总结

				
			

			

				

					
				

			

		

		

			
				
本文主要介绍了一些比较常用的javascript函数，通过这些函数可以实现一些...当然，javascript还有很多其他的常用函数和方法，我们可以在开发过程中不断积累和学习。不断学习和实践才能在javascript的世界中不断进步。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值