项目中常用的javascript/jquery操作
1、判断复选框是否被选中?
$("#cpuWindow").is(':checked');
2、设置复选框被选中:
$("#cpuWindow").prop("checked",true);
3、取小数位数:
(mem_value/1024).toFixed(2);
4、判断某个值是否在元素中:同字符中的indexOf()函数,返回值小于0,则不在
ioTypeArr.indexOf(io[i][2]) < 0
作用:可用于给数组去重,但ie9以下不支持。
5、获取当前域:
window.location.host;
6、获取或者设置title:
document.title;
7、map():
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
语法:
array.map(function(currentValue,index,arr), thisValue)
currentValue:必须。当前元素的值
index:可选。当期元素的索引值
arr:可选。当期元素属于的数组对象
8、文件大小单位转换:
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:
function filterHtml(html){
s = html.replace(/<\/?[^>]+>/gi, ''); //定义HTML标签的正则表达式
s = html.replace(/\\s*|\t|\r|\n/gi, ''); //去除tab、空格、空行
return s;
}
10、复制到剪贴板:
var urlCode = document.getElementById("share-modal-url-code");
urlCode.select();
document.execCommand("Copy");
11、浏览器检测:
$("#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中:
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()方法(一个数组方法),那自己动手写一个相同功能的函数:
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下执行:
if (!document.addEventListener) {
// 解决ie下可能出现文字乱码的问题
if(location.href.indexOf("#reloaded") == -1){
location.href = location.href + "#reloaded";
location.reload();
}
}
持续整理中......
项目中常用的javascript/jquery操作的更多相关文章
- 项目中常用的js骚操作
//打开网址window.open("http://www.runoob.com"); //判断是否为url var url = $("#url").val() ...
- 记录下项目中常用到的JavaScript/JQuery代码二(大量实例)
记录下项目中常用到的JavaScript/JQuery代码一(大量实例) 1.input输入框监听变化 <input type="text" style="widt ...
- Android 项目中常用到的第三方组件
项目中常用到的第三方组件 1 社会化分享ShareSDK-Core-2.5.9.jarShareSDK-QQ-2.5.9.jarShareSDK-QZone-2.5.9.jarShareSDK-Sin ...
- 项目中常用js方法整理common.js
抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...
- 项目中常用的MySQL 优化
本文我们来谈谈项目中常用的MySQL优化方法,共19条,具体如下: 一.EXPLAIN 做MySQL优化,我们要善用EXPLAIN查看SQL执行计划. 下面来个简单的示例,标注(1.2.3.4.5)我 ...
- JAVA项目中常用的异常处理情况总结
JAVA项目中常用的异常知识点总结 1. java.lang.nullpointerexception这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用 ...
- JAVA项目中常用的异常知识点总结
JAVA项目中常用的异常知识点总结 1. java.lang.nullpointerexception这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用 ...
- (42)嵌入式项目中常用到的C语言技能总结
嵌入式项目中常用到的C语言技能 1.指针 .结构体. 枚举. 联合.数组.字符串.链表七个专题 2.结构体指针.结构体的多重嵌套[结构体中嵌套结构体.结构体中嵌套枚举.联合体.结构体中嵌套函数指针.一 ...
- grails项目中(DB的相关操作)
grails项目中(DB的相关操作) save:保存Domain对象的数据到对应的库表中(可能是insert也可能是update) findBy: 动态方法,查找并返回第一条记录,方法名可以变化 eg ...
随机推荐
- TCP连接的状态与关闭方式,及其对Server与Client的影响
1. TCP连接的状态 首先介绍一下TCP连接建立与关闭过程中的状态.TCP连接过程是状态的转换,促使状态发生转换的因素包括用户调用.特定数据包以及超时等,具体状态如下所示: CLOSED:初始状态, ...
- Windows更新导致的打印问题
最近很多BarTender用户都出现了打印问题,如3700错误消息及3721错误消息.这个问题存在于BarTender的所有版本,这主要是因为什么?又该如何去解决呢? 根据BarTender英文官网提 ...
- saltstack通过jinja模板,grains方式将配置的变量值写入到配置文件中?
需求描述: 在通过saltstack进行jinja模板获取值的时候,可以通过grains的方式,获取一些操作系统相关的信息,比如,OS,ip地址等,在这里演示下,做个记录. 演示: 1.修改sls文件 ...
- 盘点 React 16.0 ~ 16.5 主要更新及其应用
目录 0. 生命周期函数的更新 1. 全新的 Content API 2. React Strict Mode 3. Portal 4. Refs 5. Fragment 6. 其他 7. 总结 生命 ...
- linux下tar命令的常用实例
语法:tar [主选项+辅选项] 文件或者目录 使用该命令时,主选项是必须要有的,它告诉tar要做什么事情,辅选项是辅助使用的,可以选用. 主选项:c 创建新的档案文件.如果用户想备份一个目录或是一些 ...
- Vue.js——60分钟快速入门(转载)
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们 ...
- 9、BOM (浏览器对象模型)
1.认识BOM js 三个部分: 1.ECMAScript标准 ECMA5 ECMA6 2.BOM Browser Object Model 浏览器对象模型 3.DOM 文档对象类型 window对象 ...
- html 中a标签的问题(无反应,跳转,调用方法)
让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边 点击链接后不跳转可以设置成 1.<a href="javascri ...
- 软件毕业设计文档流程与UML图之间的关系
每个模型都是用一种或者多种UML图来描述的,映射关系如下: 1.用例模型:使用用例图.顺序图.通信图.活动图和状态图来描述. 2.分析模型:使用类图和对象图(包括子系统和包).顺序图(时序图).通信图 ...
- 用VsCode写Markdown
Markdown 基本语法 段落 非常自然,一行文字就是一个段落. 比如: 这是一个段落 会被解释成: <p>这是一个段落.</p> 如果你需要另起一段,请在两个段落之间隔一个 ...