【JavaScript常用方法总结】教程文章相关的互联网学习教程文章

javascript 产生随机数的几种方法总结

javascript 产生随机数的几种方法总结 1、取两个数之间的随机数 function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } 2、混合法 function generateMixed(n) {var res = "";for(var i = 0; i < n ; i ++) {var id = Math.ceil(Math.random()*35);res += chars[id];}return res; } 3、说明 1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括...

JavaScript基础进阶之数组方法总结(推荐)

数组常用方法总结: 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。 1个连接数组的方法:concat() 2个数组转换为字符串的方法:join()、toString() 6个增删数组元素的方法:pop()、push()、shift()、unshift()、slice()、splice() 2个数组排序方法:reverse()、sort() 连接数组的方法: 1、concat() 作用:连接两个数组,合并为一个新数组。 用法:arr1.conca...

Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)

可能大家发现自己制作的手机端页面,默认打开的时候并不是在理想的缩放状态下。 遇到这样的问题,需要在head标签下,添加meta解决。 代码如下: <meta name=”viewport” content=”width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0″/>//控制默认缩放大小、最小缩放大小、最大缩放大小。通过这个可以设置用户的最大和最小缩放程度。<meta name=”MobileOptimized” content=”320″/>//表示为移动设...

JavaScript上传文件时不用刷新页面方法总结(推荐)【图】

用js给出一个上传文件时不用刷新页面的方案<input id="upload" type="file"/><button id="upload-btn">upload</button>document.getElementById(upload-btn).onclick = function(){ var oInput = document.getElementById(upload); var file = oInput.files[0]; //选取文件var formData = new FormData(); //创建表单数据对象formData.append(file,file); //将文件添加到表单对象中fetch({ //传输url:./,mothod:POST,body:f...

javascript 取小数点后几位几种方法总结

javascript 取小数点后几位方法总结 Javascript取float型小数点后两位,例22.123456取成22.12,如何做? 1.通过substring截取。function getnum() { var num = 22.123456; var result = num.substring(0,s.indexOf(".")+3); alert(result); }2. 正则表达式。 function getnum() { var num = 22.123456; var aNew; var re = /([0-9]+\.[0-9]{2})[0-9]*/; aNew = num.replace(re,"$1"); alert(aNew); }3.数据类型保留上。 function ge...

JS实现数组去重方法总结(六种方法)

方法一: 双层循环,外层循环元素,内层循环时比较值 如果有相同的值则跳过,不相同则push进数组 Array.prototype.distinct = function(){var arr = this,result = [],i,j,len = arr.length;for(i = 0; i < len; i++){for(j = i + 1; j < len; j++){if(arr[i] === arr[j]){j = ++i;}}result.push(arr[i]);}return result; } var arra = [1,2,3,4,4,1,1,2,1,1,1]; arra.distinct(); //返回[3,4,2,1]方法二:利用splice直接在原数...

Javascript中Promise的四种常用方法总结

前言Promise是JavaScript异步操作解决方案,最近看到项目里不少人用了Promise 的库类,比如 bluebird、q 、jQuery.Deffered 等 polyfill promise 方式,使用的时候翻看长长的文档,真心累觉不爱。es5 发展到现在,node 在0.12版本就已经支持了promise, 在客户端,大部分浏览器也支持了Promise, 如果要兼容低版本的浏览器,可以加上es5-shim等 polyfill promise。下面话不多说,来一起看看详细的介绍: 用法Promise 常用场景。 处...

JS 判断某变量是否为某数组中的一个值的3种方法(总结)

1.正则表达式 js 中判断某个元素是否存在于某个 js 数组中,相当于 PHP 语言中的 in_array 函数。 Array.prototype.in_array=function(e){ var r=new RegExp(,+e+,); return (r.test(,+this.join(this.S)+,));};用法如下: var arr=new Array([‘b,2,‘a‘,4]); arr.in_array(b);//判断b字符是否存在于 arr 数组中,存在返回true 否则false,此处将返回true 注:此函数只对字符和数字有效 2.遍历 Array.prototype.in_array = funct...

JS中把函数作为另一函数的参数传递方法(总结)

今天在给元素注册事件的时候,使用addEventListener遇到了一个问题,这个好像之前也遇到过,觉得有必要总结一下,就是js函数作为参数引发的问题。首先看以下代码,觉得下面代码有问题吗?是否能达到点击id3对应的元素后,弹出id3呢?例1 var obj3=document.getElementById(id3); obj3.addEventListener(click,curClick(id1),true); function curClick(id){ alert(id); } 答案是否定,不能达到我想要的效果,因为这行代码在页面加...

Vue.Js中的$watch()方法总结

前言 最近公司用vue框架写交互,之前没怎么写过,但是很多数据双向绑定的东东跟angular很像!所以上手很快!哈哈今天就碰到一个vue的问题啊!!产品需求是,datetimepick时间选择器一更改时间,就重新ajax获取数据渲染图表,很简单的需求啊!用angula ng-change监听inpu框框,分分钟搞定啊!用特么js原生 on-change也分分钟搞定啊!问题是尼玛的VueJs对input框没有change事件!尼玛坑爹啊!(不知道是不是我没找到,反正api里没有,...

Javascript中字符串相关常用的使用方法总结

刚刚在看Javascript犀牛书,看到字符串这一节,平时工作接触到这方面的不多,想着整理下,以备不时只需。 JavaScript的内置功能之一就是字符串连接,如果用‘+连接两个数字,表示两数相加。但是如果用于字符串,就表示第二个字符加在第一个字符之后。 var num=1+2; console.log(num); var msg=hello+world; console.log(msg);对于字符串来说,除了有length属性,还有很多其他有用的属性,如: var str=hello,world; console.log(st...

JQuery查找子元素find()和遍历集合each的方法总结

1.HTML代码 <div name="students" school="HK"> <input type="boy" name="ZhangSan" value="206"> <input type="girl" name="Lisi" value="108"> </div> 2.jquery <script type="text/javascript"> /* find() 查找子元素方法 */ var aaa = $("div[name=students][school=HK]").find("input[type=boy][name=ZhangSan]"); console.log(aaa.val()); /* $(".child",parent); 方法查找子元素*/ var bbb = $($("input[type=boy][name=Zh...

javascript中replace使用方法总结

ECMAScript提供了replace()方法。这个方法接收两个参数,第一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出现的几种情况。 1. 两个参数都为字符串的情况var text = cat, bat, sat, fat;// 在字符串中找到at,并将at替换为ond,只替换一次var result = text.replace(at, ond); // "cond, bat, sat, fat"console.log(result);2. 第一个参数为RegExp对象,第二个参数...

JS区分Object与Aarry的六种方法总结【图】

一、经常遇见的问题: JS中判断一个对象的类型时,通常使用typeof,这时候问题就来了,因为typeof()辨别数组的时候返回的是object,所以JS 中判断一个对象是不是数组需要一些特殊的处理方式,下面将介绍个人总结的六种处理方法。 二、开门见山 开发中要判断一个对象是不是数组,推荐使用下面这个函数: function isArray(obj){if(Array.isArray){return Array.isArray(obj);}else{return Object.prototype.toString.call(obj)==="[o...

数组Array的一些方法(总结)

数组对象属性和方法的概述: 1> arr.push() 将参数添加至数组的末尾,返回的是新数组的长度 2> arr.unshift() 将参数添加到数组的开头,返回新数组的长度 3> arr.shift() 删除数组的第一位,返回被删除的数字 4> arr.pop() 删除数组的最后一位,返回被删除的数字 5> arr.concat()将参数里面的数字合并到原数组后面,不改变原有的数组,返回一个新数组 6> arr.reverse() 翻转数组,改变原有的数组 7> arr.sort() 定义数组的排序方式 ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部