原生JS常用代码汇总

数组相关 var codes = new Array( ); //创建数组codes.length //数组长度动态插入数组 codes.push(value);…

1.阻止默认行为 // 原生js document.getElementById('btn').addEventListener('click', function (event) { event = event || window.event: if (event.preventDefault){ // w3c方法阻止默认行为 event.preventDefault(); } else{ // ie 阻止默认行为 event.returnValue = false; } }, false)…

常用原生JS兼容性写法汇总

1.添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(type, handler, false); }else if (element.attachEvent){//检测是否为IE级方法 element.attachEvent("on" + type, handler); } else {//检测是否…

JS 常用库汇总收集

本文不定期更新, 用于汇总记录一些看着 ok 的 JS 库. 库名简介项目地址 macy.js 仅 4 kb的原生流布局插件 http://macyjs.com/ Driver.js 仅 4 kb的原生页面分步引导 Tippy.js 玩转鼠标悬停提示信息 tesseract.js OCRjs库 https://www.npmjs.com/package/tesseract-js wow.js 动画库 toastr.js 依赖于 JQ 的非阻塞通知的JS库 Day.js…

js常用功能汇总

var Utils = function() { this.Tools; this.ui; }; Utils = new Utils(); Utils.prototype.Tools = { year:'', month:'', day:'', week:'', time:'', hours:'', minute:'', second:'', weeks:['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], /** * 获取当前用户使用的浏览器类型 * @re…

原生JS 选项卡代码实现

可实现同页面多个选项卡效果图: 代码实现: HTML部分 <div class="main" id="tabs"> <div class="tabDiv"> <a href="javascript:;" class="on">选项一</a> <a href="javascript:;">选项二</a> <a…

js常用正则表达式汇总

常用的前台正则表达式汇总. 1.手机号验证手机格式以1开头,现有的手机格式一般为13.14.15.17.18等 var regMobile = /^1[34578]\d{9}$/; //或者为/^1[3|4|5|7|8][0-9]\d{8}$/; if(!regMobile.test('手机号')){ alert('手机号格式不正确!'); } 2.邮箱验证 var regEmail = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/ 3.固话验证验证格式为0510-88…

js常用代码

获取URL ?后的查询参数 function query(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = decodeURI(window.location.search).substr(1).match(reg); if(r != null) return unescape(r[2]); }; 数组去重 functi…

Ext.NET Ext.JS 常用代码片段摘录

引言最近写代码突然有"一把梭"的感觉, 不管三七二十一先弄上再说. 换别人的说法, 这应该是属于"做项目"风格法吧. 至于知识体系, 可以参考官方或者更权威的文档吧. 这里按照使用, 在这个理解阶段记录下代码, 供参考. 适当做一些拓展, 应该比较适合特定阶段的感悟. 如果难懂, 可能还没用到过. 心得这东西跟武学一个道理, 一层有一层的见识. 如果完整, 百科全书式, 官方文档 , 牛人解读体系最靠谱. 此处, 一把梭演示法, 用起来再说. 正文 TreePan…

原生JS获取url汇总

在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前url网址,本文就此为大家总结一下比较常用获取URL的javascript实现代码 URL即统一资源定位符 (Uniform Resource Locator, URL),完整的URL由这几个部分构成: scheme://host:port/path?query#fragmentscheme:通信协议,常用的http,ftp,maito等.host:主机,服务器(计算机)域名系统 (DNS) 主机名或 IP 地址.port:端…

js常用代码整理

引用js <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> Ajax请求例子1:$.ajax({ type:"post", url:"loggingIos_findUserLoggingYears.action", data:{}, dataType:"json", success:func…

js常用代码记录

1.动态key得到某对象中相对应的value js中想根据动态key得到某对象中相对应的value的方法有二: var key = "name1";var value = obj[key]; var key = "name1";var value = eval("obj."+key); 2.javascript:history.go()和History.back()的区别及应用 <input type='button' value='刷新'…

js常用函数汇总（不定期更新）

1.图片按比例压缩 function setImgSize(){ var outbox_w=imgbox.width(), outbox_h=imgbox.height(); imgbox.find('img').each(function(index, el) { var obj=$(this), objH=obj.height(), objW=obj.width(); if((objH/objW)>(outbox_h/outbox_w)){ obj.css({ height: outbox_…

Vue.js常用指令汇总（v-if//v-show//v-else//v-for//v-bind//v-on等）

有时候指令太多会造成记错.记混的问题,所以本文在记忆的时候会采用穿插记忆的方式,交叉比对,不易出错. 本文主要讲了一下六个指令: v-if//v-show//v-else//v-for//v-bind//v-on 1. v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素: eg: HTML: ? 1 2 3 4 5 6 <div id="example01"> <p v-if="male">Male</p>…

原生js一行代码实现简易轮播图

这是一个简易的js无限循环轮播图,只用了一行js代码就实现了无限循环,记录一下三目运算符的伟大! <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met…

原生js扫雷代码

思路要点: 1. 随机地雷放到一个二维数组中: 2. 每一个格子要统计周围有几颗雷: 3. 每一个格子是否处于打开状态,用于判断是否赢得游戏: 4. 如果点击到周围没有雷的地方,把周围的打开: 具体的见代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{padding: 0;margin: 0…

JQuery常用代码汇总

获取<input />的value $("#id").val( ); 标签间的html $("#id").html('<tr><td>aaa</td> </tr>'); 隐藏/显示 $("#id").show(); $("#id").hide(); 去字符串的前后空格 $.trim(str); ID=con标签内的html的追加 $("#con")…

js 常用代码片段

一.预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像. function preloadImages(){ for(var i=0;i<arguments.length;i++){ $("<img>").attr('arc',arguments[i]) } } preloadImages() 二.检查图像是否加载有时为了继续脚本,你可能需要检查图像是否全部加载完毕. $('img').load(function(){ c…

js常用代码-笔记

1.字符串截取substr(str,length)返回从指定位置开始,截取length长度的子字符串.substring(start,end)返回从start开始到end结束的字符串.end不写就到结尾.区别,前者截取长度,后者截取位置 2.页面跳转window.history.back();返回的是页面的状态,有可能删除的数据依然存在,需要location.reload()刷新下.window.location.href="";这是属性值self.location="&qu…

js常用代码收集

1. PC - js 返回指定范围的随机数(m-n之间)的公式 Math.random()*(n-m)+m return false return false // event.preventDefault()会阻挡预设要发生的事件. // event.stopPropagation()会阻挡发生冒泡事件. // 而return false则是前面两者的事情他都会做: // 他会做event.preventDefault(); // 他会做event.stopPropagation(); //…

PHP常用代码汇总

Get与Post //POST if(isset( $_POST['add_gift'] )) { $game=trim( $_POST['game'] ); } //GET if(isset( $_GET['add_gift'] )) { $game=trim( $_GET['game'] ); } foreach示例 foreach( $items as $item ){ echo $item; //一个元素 } foreach( $arr as $key => $value ){ echo…

ASP.NET常用代码汇总

1. 打开新的窗口并传送参数: 传送参数:response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>") 2.跳转到新页面 Response.Write("<script>window.location='http://www.51aspx.co…

js常用代码收藏

--1.遍历string分割为数组 <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(","); //字符分割 for (i=0;i<strs.length ;i++ ) { document.write(strs[i]+"<br/>");…

js 常用代码

//获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); retur…

js常用API汇总（转）

typeof(); 检测数据类型 String(); 转换成字符串 parseInt(); 解析出一个string或number的整数部分 parseFloat(); 解析出一个string的浮点数部分 Number(); 把一个string解析为number Blooean(); 转换成布尔类型""(NaN,undefined,null,0返回false) isNaN(); 判断是否为NaN isFinite(); 指明所提供的数字是否是有限的(NaN .负无穷或正无穷返回false…

js常用知识点汇总

1.json字符串与json对象相互转化(转至:http://www.jb51.net/article/43136.htm) SON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 一.JSON…

js常用技巧汇总

将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnvalue=false" <table border oncontextmenu=return(false)><td>可用于Table</td></table> 取消选取.防止复制 <body onselectstart="return false"> 不准粘贴 onpaste="return false&qu…

js常用遍历汇总

1, for(let i of Array) for( let i of arr){ console.log(i); } ES6新增的,i代表每次循环Array的值,相当于Array[0]到Array[n]. for-of这个方法避开了for-in循环的所有缺陷与forEach()不同的是,它可以正确响应break.continue和return语句 for-of循环不仅支持数组,还支持大多数类数组对象,例如DOM NodeList对象. for-of循环也支持字符串遍历 2.for ( va…

原生JavaScript常用的DOM操作

之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或者库好多都是公司内部自己构建的,所以说到头来还是要原生JavaScript,这里总结了一些原生js常用的dom操作函数. 一:节点关系 //元素的子元素都可以通过someNode下的childNodes对象来访问 var firstChild = someNode.firstChild; //获得第…

抛弃JQ，回归原生js……

之前我写过一篇文章叫做<jq不会被淘汰>--而事实上它真的不会被淘汰,因为即使在mvvm框架盛行的今天,原生js的api越来越友好的今天,jq依然在用户量上是霸主-- 但是今天我们要讨论的是,抛弃jq,拥抱原生js-- 再说正题之前,我们先来看看jq比js,解决了哪些问题,哪里更优秀 1.首当其冲是浏览器兼容,jq本身做了很多浏览器的兼容,这导致了它的代码变得臃肿,但是不得不说,这方面jq做的很好√ 2.语法比较简洁,jq的代码语法是很简洁的,因为层层封装后,为的就是易用 3.jq封装的aja…