项目中常用的javascript/jquery操作

news/2024/7/11 0:55:53 标签: js, javascript, jquery

1、判断复选框是否被选中?

javascript">$("#cpuWindow").is(':checked');

2、设置复选框被选中:

javascript">$("#cpuWindow").prop("checked",true);

3、取小数位数:

javascript">(mem_value/1024).toFixed(2);

4、判断某个值是否在元素中:同字符中的indexOf()函数,返回值小于0,则不在

javascript">ioTypeArr.indexOf(io[i][2]) < 0

作用:可用于给数组去重,但ie9以下不支持。

5、获取当前域:

javascript">window.location.host;

6、获取或者设置title:

javascript">document.title;

7、map():

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

语法:

array.map(function(currentValue,index,arr), thisValue)

currentValue:必须。当前元素的值

index:可选。当期元素的索引值

arr:可选。当期元素属于的数组对象

8、文件大小单位转换:

javascript">function unitConversion(size){
    if(size >= 1024 && size < (1024*1024)){
        size = (size/1024).toFixed(2) + "K";
    }else if(size >= (1024*1024) && size < (1024*1024*1024)){
        size = (size/(1024*1024)).toFixed(2) + "M";
    }else if(size >= (1024*1024*1024) && size < (1024*1024*1024*1024)){
        size = (size/(1024*1024*1024)).toFixed(2) + "G";
    }else if(size >= (1024*1024*1024*1024) && size < (1024*1024*1024*1024*1024)){
        size = (size/(1024*1024*1024*1024)).toFixed(2) + "T";
    }else{
        size += "B";
    }
    return size;
}

9、过滤掉html、css、JavaScript:

javascript">function filterHtml(html){
    s = html.replace(/<\/?[^>]+>/gi, ''); //定义HTML标签的正则表达式
    s = html.replace(/\\s*|\t|\r|\n/gi, ''); //去除tab、空格、空行
    return s;
}

10、复制到剪贴板:

javascript">var urlCode = document.getElementById("share-modal-url-code");
urlCode.select();
document.execCommand("Copy");

11、浏览器检测:

javascript">$("#upload-file-button").click(function(){
    var mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
    var webkit = /webkit/.test(navigator.userAgent.toLowerCase());
    var opera = /opera/.test(navigator.userAgent.toLowerCase());
    var msie = /msie/.test(navigator.userAgent.toLowerCase());
    //document.write(navigator.userAgent.toLowerCase());
    
    if(mozilla || webkit || opera){
        $("#upload-file-container").animate({
            bottom: 0
        });
        $("#upload-file-container-tools-up").hide();
        $("#upload-file-container-tools-down").show();
    }else{
        toastr.error("该浏览器不支持断点续传,请使用Chrome、Firefox、Opera浏览器", "错误提示");
    }
});

function IEVersion() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    if(isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if(fIEVersion == 7) {
            return 7;
        } else if(fIEVersion == 8) {
            return 8;
        } else if(fIEVersion == 9) {
            return 9;
        } else if(fIEVersion == 10) {
            return 10;
        } else {
            return 6;//IE版本<=7
        }
    } else if(isEdge) {
        return 'edge';//edge
    } else if(isIE11) {
        return 11; //IE11
    }else{
        return -1;//不是ie浏览器
    }
}

12、给数组去重:

将数组A中的每一项和一个只有一个元素(该元素等于数组A中的某一项)的数组B中的每一项比较,如果该项不存在,则将该项存入数组B中:

javascript">var arr = [1, 2, 3, 4, 5, 6, 7, 8 ,1, 2, 3, 4, 5, 6, 2, 9, 1, 2, 3, 4, 5, 6, 0, 1, 2, 3, 4, 0, 8 ,9];
var arr2 = [arr[0]];
var num = 0;
for(var i = 0; i<arr.length; i++){
    var num = 0;
    for(var j = 0; j<arr2.length; j++){
        if(arr[i] == arr2[j]){
            num++;
        }
    }
    if(num == 0){
        arr2.push(arr[i]);
    }
}
console.log(arr2);

13、ie8不支持高版本中indexOf()方法(一个数组方法),那自己动手写一个相同功能的函数:

javascript">function ArrayIndexOf(arr, value){
  //检测value在arr中出现的位置
  for(var i = 0; i < arr.length; i++){
    if(arr[i] === value){
      return i;
    }
  }
  return -1;
}

14、让JavaScript只在ie下执行:

javascript">if (!document.addEventListener) {
    // 解决ie下可能出现文字乱码的问题
    if(location.href.indexOf("#reloaded") == -1){
        location.href = location.href + "#reloaded";
        location.reload();
    }
}

15、封装一个简单的ajax函数:

javascript">   function ajaxPostRequest(url, param){
      var result = {
         'ret' : false,
         'errMsg' : '请求失败'
      };

    
      $.ajax({
         type: "POST",
         url: url,
         async : false,
         data: param,
         dataType: "json",
         timeout : 10000,
         success: function(data){
            result = data;
         },
         error: function(data){
            result.errMsg = data.errMsg;
         }
      });

      return result;
   }

 

持续整理中......


http://www.niftyadmin.cn/n/887207.html

相关文章

华为 java 校招经验_华为校招消费者管培生三面面试经历

华为的面试流程很快&#xff0c;一天过。先是群面&#xff0c;然后二面是业务单面&#xff0c;终面也是单面&#xff0c;后续还会有个英语测试。人员&#xff1a;8人一组&#xff0c;会有两个面试官。时间&#xff1a;早上9点开始&#xff0c;10点左右结束&#xff0c;总时长1小…

javascript时间处理

1、将一般格式时间转换为时间戳&#xff1a; var systime "2018年04月28日 16:01:09"; systime systime.replace(年, "/").replace(月, "/").replace(日, ); systime new Date(systime).getTime();2、将毫秒数转换为时分秒&#xff1a; var…

java客户端运行hadoop_JAVA客户端连接部署在docker上的hdfs

docker上已经成功部署了hdfs应用&#xff0c;jps命令也显示了namenode和datanode启动正常。浏览器显示 宿主机ip&#xff1a;50070 页面我在eclipse使用java连接hdfs&#xff0c;代码如下&#xff1a;FileSystem hdfs;Configuration conf new Configuration();try {hdfs File…

Eclipse中安装与配置maven

安装及配置Maven环境变量 需要电脑中已经有Java环境 在控制台中输入&#xff1a;echo %JAVA_HOME%看是否能显示java home的路径信息&#xff1b;在控制条输入&#xff1a;java -version 看是否显示java的版本信息&#xff1b;下载官网&#xff1a;http://maven.apache.org/down…

java11协议_JDK11发布,Orale同时修改了oracle JDK11的授权协议 - Java技术 - Java - 水木社区...

JDK11发布了。刚刚下载&#xff0c;明显的位置有一个协议变更的提示&#xff0c;瞄了一眼新的授权协议最主要的一条就是&#xff0c;你不能在生产环境free的使用oracle jdk。需要购买license,貌似是25$/CPU。开发测试无所谓。协议其他地方还描述了不能修改分发啥的。You may no…

手动搭建脚手架将React组件发布至NPM

我们预期的脚手架具有如下功能&#xff1a; 开发组件时可以实时预览对组件各种资源进行打包(js/css/图片等)一键打包发布 1.创建项目 脚手架的名字暂时取react-cli-pub。 首先创建一个新目录用于放我们的文件: mkdir react-cli-pub cd react-cli-pub 使用npm命令创建一个项…

java ee用tomcat_JavaEE-Tomcat配置

1.Tomcat目录结构bin tomcat二进制程序,启动/关闭批处理conf 配置文件lib 运行依赖库(jar包)logs 日志文件temp 临时目录webapps 网站web应用默认存放目录work 工作目录(jsp的缓存class,java)2.Host主机(网站)一个Tomcat可以运行多个Host主机(即网站)在 conf/sever.xml 配置def…

eclipse创建maven项目时无src/main/java,src/main/resource,src/test.java文件夹的解决方案

1. 新建maven项目&#xff08;选择Maven Project&#xff09;2. 点击下一步3. 在Filter中输入webapp&#xff08;选择maven-archetype-webapp&#xff0c;然后Next&#xff09;4. Group Id--主项目名Artifact Id--本项目名package--包名可自定义&#xff0c;也暂时不输入&#…