javascript常用方法

最新推荐文章于 2024-11-13 08:50:38 发布
最新推荐文章于 2024-11-13 08:50:38 发布
阅读量244 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29176825/article/details/79071105
本文汇总了一系列实用的JavaScript技巧，包括日期格式转换、URL参数获取、数据类型验证、时间格式检查、智能提示设置、数学运算处理、全屏操作、浏览器检测、字符串与JSON互转、字符长度计算、去除空格、会话值读取、对象实例判断、URL参数获取、经纬度获取、AJAX请求、JS文件加载等，旨在提升前端开发效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.Json对象日期处理：

(Json日期格式:Date(1316756746000)/'，转换后格式：yyyy-MM-dd)

 

function ChangeDateFormat(jsondate) {
    jsondate = jsondate.replace("/Date(", "").replace(")/", "");
    if (jsondate.indexOf("+") > 0) {
        jsondate = jsondate.substring(0, jsondate.indexOf("+"));
    }
    else if (jsondate.indexOf("-") > 0) {
        jsondate = jsondate.substring(0, jsondate.indexOf("-"));
    }
    var date = new Date(parseInt(jsondate, 10));
    var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
    var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
    if (date.getFullYear() != 1900)
        return date.getFullYear() + "-" + month + "-" + currentDate;
    else
        return "";
}

 

2.获取URL地址栏上参数

function GetArgs() {
    var args = new Object();
    var query = location.search.substring(1); // Get query string
    var pairs = query.split("&"); // Break at ampersand
    for (var i = 0; i < pairs.length; i++) {
        var pos = pairs[i].indexOf('='); // Look for "name=value"
        if (pos == -1)
            continue;   // If not found, skip
        var argname = pairs[i].substring(0, pos); // Extract the name
        var value = pairs[i].substring(pos + 1); // Extract the value
        value = decodeURIComponent(value); // Decode it, if needed
        args[argname] = value; // Store as a property
    }
    return args; // Return the object
}

3.是否是INT类型

function KeyIsIntNumber(KeyCode, key) {//如果输入的字符是在0-9之间，或者是backspace、DEL键
    if (KeyCode == 13) { event.keyCode = 9; return true; }
    if (KeyCode == 9) { event.keyCode = 9; return true; }
    if (((KeyCode > 47) && (KeyCode < 58)) || ((KeyCode > 95) && (KeyCode < 106)) || (KeyCode == 8) || (KeyCode == 46) || (KeyCode > 36 && KeyCode < 41) || (KeyCode == 189)) { return true; } else { return false; }
}

4.是否是double类型

function KeyIsDoubleNumber(KeyCode, evalue) {
    if (KeyCode == 13) { event.keyCode = 9; return true; }
    if (KeyCode == 9) { event.keyCode = 9; return true; }
    if ( (KeyCode == 190 || KeyCode == 110)) {
        if (evalue.indexOf(".") > -1)
            return false;
        else if (evalue=="") 
            return false;
    }
    if (KeyCode == 13 || KeyCode == 46 || KeyCode == 8 || KeyCode == 110 || KeyCode == 190 || KeyCode == 189 || (KeyCode > 36 && KeyCode < 41) )
        return true;
    if (KeyCode < 37 || KeyCode > 40 && KeyCode < 48 || (KeyCode > 57 && KeyCode < 96) || KeyCode > 105)
        return false;
    else
        return true;
}
function KeyIsDoubleNumber2(KeyCode, evalue) {
    if (KeyCode == 13) { event.keyCode = 9; return true; }
    if (KeyCode == 9) { event.keyCode = 9; return true; }
    //处理负数必须是第一位输入
    if ((KeyCode == 229 || KeyCode == 109)) {
        if (evalue.indexOf("-") > -1)
            return false;
        else {//如果没有负数符号加到第一位
            event.srcElement.value = "-" + evalue;
            return false;
        }
    }

    if ((KeyCode == 190 || KeyCode == 110)) {
        if (evalue.indexOf(".") > -1)
            return false;
        else if (evalue == "")
            return false;
    }
    if (KeyCode == 13 || KeyCode == 46 || KeyCode == 8 || KeyCode == 110 || KeyCode == 190 || KeyCode == 189 || KeyCode == 229 || KeyCode == 109 || (KeyCode > 36 && KeyCode < 41))
        return true;
    if (KeyCode < 37 || KeyCode > 40 && KeyCode < 48 || (KeyCode > 57 && KeyCode < 96) || KeyCode > 105)
        return false;
    else
        return true;
}

5.时间格式验证 

function DutyCheck(obj) {
    var r = /^[0-9]:[0-5][0-9]$|^[0-1][0-9]:[0-5][0-9]$|^[2][0-4]:[0-5][0-9]$/;
    if (obj.value != '' && !r.test(obj.value)) {
        alert('时间格式不正确');
        obj.value = '';
    }
}

6.处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外

function banBackSpace(e) {
    var ev = e || window.event; //获取event对象     
    var obj = ev.target || ev.srcElement; //获取事件源     
    var t = obj.type || obj.getAttribute('type'); //获取事件源类型    

    //获取作为判断条件的事件类型  
    var vReadOnly = obj.getAttribute('readonly');
    var vEnabled = obj.getAttribute('enabled');
    //处理null值情况  
    vReadOnly = (vReadOnly == null) ? false : vReadOnly;
    vEnabled = (vEnabled == null) ? true : vEnabled;

    //当敲Backspace键时，事件源类型为密码或单行、多行文本的，  
    //并且readonly属性为true或enabled属性为false的，则退格键失效  
    var flag1 = (ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea")
               && (vReadOnly == true || vEnabled != true)) ? true : false;

    //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效  
    var flag2 = (ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")
               ? true : false;
    //判断  
    if (flag2) {
        return false;
    }
    if (flag1) {
        return false;
    }
}

7.js文件中使用智能提示

智能提示是开发中非常实用的功能，很多软件都支持js，jquery的智能提示。不过一般都只能在页面编辑时智能提示。

有时候会遇到这种情况：我们定义了js基础库Base.js和Script1.js,在Script1.js中引用了许多Base.js中的方法，这时候在Script.js中智能提示Base.js中的成员就非常必要。

其实方法很简单：把Base.js文件往Script.js文件顶部一拖就行了，在顶部会多出这样一行代码  /// <reference path="../../../js/jquery.js" />

不管是jquery还是自定义的js文件都可以用这种方法


8.取余,取整方法

//丢弃小数部分,保留整数部分
parseInt(5/2)
//向上取整,有小数就整数部分加1
Math.ceil(5/2)
//四舍五入.
Math.round(5/2)
//向下取整
Math.floor(5/2)

9.全屏

低版本浏览器不支持(IE11)
//全屏
function activeQP(element) {
    if (element.requestFullScreen) {
        element.requestFullScreen();
    } else if (element.webkitRequestFullScreen) {//google
        element.webkitRequestFullScreen();
    } else if (element.mozRequestFullScreen) {//火狐
        element.mozRequestFullScreen();
    }
    else if (element.msRequestFullscreen) {//ie
        element.msRequestFullscreen();
    }
}

//取消全屏
function deActiveQP() {
    // 判断浏览器种类
    if (window.parent.document.exitFullscreen) {
        window.parent.document.exitFullscreen();
    } else if (window.parent.document.mozCancelFullScreen) {//火狐
        window.parent.document.mozCancelFullScreen();
    } else if (window.parent.document.webkitExitFullscreen) {//google
        window.parent.document.webkitExitFullscreen();
    }
    else if (window.parent.document.msExitFullscreen) {//ie
        window.parent.document.msExitFullscreen();
    }
}

10.判断浏览器是否为ie7,8

//判断浏览器是否为IE7,8
function IsIE78() {
    var browser = navigator.appName
    var trim_Version;
    if (browser == "Microsoft Internet Explorer") {
        var b_version = navigator.appVersion
        var version = b_version.split(";");
        trim_Version = version[1].replace(/[ ]/g, "");
    }
    if (browser == "Microsoft Internet Explorer" && (trim_Version == "MSIE7.0" || trim_Version == "MSIE8.0")) {
        return true;
    } else {
        return false;
    }
}

11.字符串转json

//把字符串转换为json
function stringToJson(str) {
    if (typeof (JSON) == "undefined") {
        return eval("(" + str + ")");
    } else {
        return JSON.parse(str);
    }
}

12.获取字符串的字节长度

//获取字符的字节长度
function getCharLength(char) {
    return char.replace(/[\u0391-\uffe5]/g, "aa").length;
}

13.去掉空格

function trim(t) {
    return t.replace(/(^\s*)|(\s*$)/g, '');
}

14.获取session值

function getMyName(){ 
   　　var myName="<%=session.getAttribute("MYNAME")%>"; 
   　　alert(myName); 
　　} 

15.判断一个对象是否为某个类的实例

overlays[i] instanceof MMap.Control.CustomOverlay

16.获取url参数

//方法1
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
//调用方法
alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

//方法2
function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串 
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
var Request = new Object();
Request = GetRequest();
var 参数1, 参数2, 参数3, 参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];

17.获取经纬度

// chorme有时候不行，会报如下错误
//Network location provider at 'https://www.googleapis.com/' : No response received.
 <script>
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(
        function (position) {
            var longitude = position.coords.longitude;
            var latitude = position.coords.latitude;
            console.log(longitude)
            console.log(latitude)
        },
            function (e) {
                var msg = e.code;
                var dd = e.message;
                console.log(msg)
                console.log(dd)
            }
      )
        }
    </script>

18.获取ajax请求

var Ajax = {
            get: function (url, fn) {
                var obj = new XMLHttpRequest();  // XMLHttpRequest对象用于在后台与服务器交换数据          
                obj.open('GET', url, true);
                obj.onreadystatechange = function () {
                    if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
                        fn.call(this, obj.responseText);  //从服务器获得数据
                    }
                };
                obj.send();
            },
            post: function (url, data, fn) {         // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
                var obj = new XMLHttpRequest();
                obj.open("POST", url, true);
                obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  // 添加http头，发送信息至服务器时内容编码类型
                obj.onreadystatechange = function () {
                    if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) {  // 304未修改
                        fn.call(this, obj.responseText);
                    }
                };
                obj.send(data);
            }
        }

19.加载js文件

$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function (_result) {
    console.log(remote_ip_info);
    if (remote_ip_info.ret == '1') {
        alert('国家：' + remote_ip_info.country + '\n省：' + remote_ip_info.province + '\n市：' + remote_ip_info.city + '\n区：' + remote_ip_info.district + '\nISP：' + remote_ip_info.isp + '\n类型：' + remote_ip_info.type + '\n其他：' + remote_ip_info.desc);
    } else {
        alert('没有找到匹配的IP地址信息！');
    }
});

 

 

 

 

 

 

 

 

 

 

 

 

Javascript常用方法
09-10
整理了一套Javascript常用的方法，各个方法的差异，以及在实际开发中如何规避这些差异。
javascript的常用方法
今天的博客
06-15 1595
数组扁平化 （1）递归实现 let arr = [1, 2, 3, [4, 5, 6, [7, 8, 9]]] function query(arr) { let newarr = []; if (arr instanceof Array) { for (let i in arr) { if (arr[i] instanceof Array) { newarr = newarr
JavaScript常用方法？
Problem_Girl的博客
01-11 159
JavaScript常用方法： confirm( ); 返回一个值。如msg=confirm( “我好看嘛”); 返回的值是一个布尔值,是一个确定取消框 alert( ); 可以认为是一个ok对话框 prompt( ); 是一个提问对话框，也可以有返回值，类型是输入的字符串。如an=prompt(“说吧，我好看嘛？”); 是一个确定输入框 document.write(“我真好看~”...
javascript 常用方法总结
10-29
JavaScript常用方法总结 JavaScript是一种广泛应用于Web开发的脚本语言，提供了许多实用的方法来操作字符串、数组、日期等。下面将总结一些常用的JavaScript方法。 1. replace()方法 replace()方法用于字符串的...
javascript常用方法总结
10-24
以下是对文档中提到的JavaScript常用方法的详细总结： 1. 写入HTML：`document.write()` 方法用于向文档写HTML输出。例如，`document.write("<h1>This is a heading</h1>")`可以写入一个一级标题。这种方法在现代的...
javascript 常用方法
08-06
本文将深入探讨JavaScript的一些常用方法，结合给定的压缩包文件`json2222.js`和`calcMd5.js`，我们将讨论JSON操作和MD5哈希计算两个关键知识点。 首先，我们来看JSON（JavaScript Object Notation）。JSON是一种轻...
JavaScript常用方法
weixin_62111285的博客
12-28 813
String常用方法 1、substring（start，end）用于提取字符串中介于两个指定下标之间的字符； 2、charAt（index）返回指定索引处的字符串； 3、concat连接多个字符串，返回连接后的字符串的副本； 4、indexOf（）方法返回调用它的String对象中第一次出现的指定值的索引，若未找到该值，则返回-1。 5、lastIndexOf（）返回str在字符串中最后一次出现的位置； 6、replace（str1，str2）str1可以为正则表达式，用str2替换str1 7、spl
JavaScript中常用方法
qq_30351747的博客
04-11 682
JavaScript中常用方法
JavaScript中常用的一些方法
落日夕霞的博客
10-08 413
一. 数组 reduce() :对数组中的数据进行累计操作。 传入四个参数：累计值，数组每一项的值，索引，数组本身。 var arr = [1, 2, 3, 4]; var res = arr.reduce(function (total, val, index, arr){ return total + val; }); // 第一次的total值为数组第一项的值，即1，val为数组第二项的...
JS常用方法
最新发布
欢迎大家一起攻克bug
11-13 1014
JavaScript 中有许多常用方法，可以帮助你进行数据处理、DOM 操作、事件处理等任务。
javaScript 常用方法
frost的博客
05-10 416
四舍五入 (toFixed) <html> <head> <title>JsText</title> <script> var s = Math.PI * 2 * 3; document.write("<br>Math.PI * 2 * 3 =" + s.toFixed(4)); </script
javascript 学习
denghujie8673的博客
03-26 258
简介 JavaScript 秘密花园是一个不断更新，主要关心 JavaScript 一些古怪用法的文档。 对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议， 初学者可以籍此深入了解 JavaScript 的语言特性。 JavaScript 秘密花园不是用来教你 JavaScript。为了更好的理解这篇文章的内容， 你需要事先学习 JavaScript 的基...
收藏 | JavaScript常见使用方法大全详细整理
黑夜开发者的博客
06-13 1090
String常用方法： 1.substring(start, end) 用于提取字符串中介于两个指定下标之间的字符 var str="Hello world!" document.write(str.substring(3)); //lo world! 2.charAt(index) 返回指定索引处的字符串 Var str= ”abc8ABCabc”; str.charAt(1); // b 3.concat 连接多个字符串，返回连接后的字符串的副本 var str1 = ”aaa
javaScript常用方法
月光秦城
10-16 623
js如何遍历map集合 function  iterator(){     var   map={1:'a';2:"b":3:"c"};   for(key in map){      alert("key="+key+",value="+map[key]); } }
【JS学习】字符串的substring方法
zx1041561837的博客
10-24 7660
substring是JavaScript字符串对象的一个方法，用于从一个字符串中提取子字符串，并返回提取的部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值