给事件响应函数传参数的四种方式小结 2017年02月06日 14 阅读 如何给事件handler传参数?在刚刚接触Javascript的时候,由于对闭包理解不深刻,常常纠结于该问题。在讨论群里也经常碰到这样的问题,如下复制代码 代码如下:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>如何给事件handler传参数?</title></head><body><...
各浏览器对document.getElementById等方法的实现差异解析 2017年02月06日 15 阅读 所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它复制代码 代码如下:// 方式1 function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写,而不用下面的方式写呢?复制代码 代码如下:// 方式2 var $ = document.getEl...
jQuery表格插件ParamQuery简单使用方法示例 2017年02月06日 18 阅读 实现步骤:先在html的head中加入对jQuery和jQuery UI的引用:复制代码 代码如下:<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jqu...
JavaScript子类用Object.getPrototypeOf去调用父类方法解析 2017年02月06日 19 阅读 每个function有个prototype属性,称为原型。每个对象也有个原型,Firefox/Safari/Chrome/Opera 中可以通过__proto__来访问,IE6/7/8中没有提供相关接口。复制代码 代码如下:function Person(){ this.method1 = function(){} } Person.prototype.method2 = function(){} function Man(){} Man.prototy...
完美解决IE低版本不支持call与apply的问题 2017年02月06日 14 阅读 Function.prototype的apply和call是在1999年发布的ECMA262 Edition3中才加入的(1998年发布ECMA262 Edition2)。在此前的的浏览器如IE5.01(JScript 5.0)中是没有apply和call的。因此会带来一些兼容性问题,以下是修复方式:复制代码 代码如下:if(!Function.prototype.apply){ Function.prototype.apply = function(o...
浅析JavaScript中两种类型的全局对象/函数 2017年02月06日 18 阅读 这里所说的JavaScript指浏览器环境中的包括宿主环境在内的。第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数。一、核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象这些对象在程序执行之前就已经(实例化)存在了。ECMAScript称为The Global Object,分为以下几种1, 值属性的全局对象(Value Properties of the Glo...
浅析JavaScript中的隐式类型转换 2017年02月06日 18 阅读 如果把通过函数或方法调用,明确的将某种类型转换成另一种类型称为显示转换 ,相反则称为隐式类型转换 。google和维基百科中没有找到“显示类型转换”,“隐式类型转换”的字眼。暂且这么称呼。一、 运算中存在的隐式类型转换 1, “+”运算符复制代码 代码如下:var a = 11, b = "22"; var c = a + b; 这里引擎将会先把a变成字符串"11"再与b进行连接,变成了"1122"。有人会有疑问,为什么不把b变成数字22再进行算术加运算呢...
浅谈JavaScript函数参数的可修改性问题 2017年02月06日 17 阅读 一道笔试题思考而来的,通常情况下没人会在函数内部修改参数值。这里仅拿出来讨论,有三种方式可以修改。1,直接修改函数声明时的形参复制代码 代码如下:function f1(a) { alert(a); a = 1;//修改形参a alert(1 === a); alert(1 === arguments[0]); } f1(10); 函数f1定义了参数a,调用时传参数10,先弹出10,修改a为1,弹出两次true,a和arguments[0]都为1了...
jquery插件tooltipv顶部淡入淡出效果使用示例 2017年02月06日 17 阅读 内部使用复制代码 代码如下:<head> <title></title> <link href="base.css" rel="stylesheet" type="text/css" /> <link href="jquery.tooltip.less" rel="stylesheet/less" type="text/css"> <script src="less-1.4.2.min.js...
JS获取URL中的参数数据 2017年02月06日 18 阅读 复制代码 代码如下:function getParam(paramName) { paramValue = ""; isFound = false; if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) { arrSource = unescape(this.location.search).substring(1, this.loca...
JS获取html对象的几种方式介绍 2017年02月06日 14 阅读 document.getElementById("zx");通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览器都兼容。document.getElementsByTagName("span")[0];通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。可以根据标签出现的位置定位元素的对象。所有浏览器都兼容。document.getElements...
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件) 2017年02月06日 13 阅读 特点:1.不依赖与jquery2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来用法:复制代码 代码如下:<link href="http://fineuploader.com/source/fineuploader-3.9.1.min.css" rel="stylesheet" /><script src="http://fineuploader.com/source/fineuploader-3....
javascript拖拽上传类库DropzoneJS使用方法 2017年02月06日 15 阅读 用法1. add js and css style复制代码 代码如下:<link href="~/Dropzone/css/basic.css" rel="stylesheet" /> <link href="~/Dropzone/css/dropzone.css" rel="stylesheet" /> <script src="~/Dropzone/dropzone.min.js"></script>2....
jquery导航制件jquery鼠标经过变色效果示例 2017年02月06日 18 阅读 复制代码 代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf8"><title>鼠标移到导航上面 当前的LI变色 处于当前的位置</title><style type="text/css">ul,li{list-style:none;}#nav li{display:inlin...
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码 2017年02月06日 15 阅读 最近做项目需要我们前端对金额进行千分位格式化(也就是说每三位用逗号隔开),代码已经做了修改 之前的版本是本人疏忽 真对不住大家了!现在已经做了修改 如果还有不完善的地方 请大家多多指教!1. 支持用逗号隔开 0-9位 逗号隔开JS代码如下:复制代码 代码如下:/** * JS格式化 * @param number 要格式化的数字 * @param d [0-9]位 逗号隔开 */ function numFormat(number,d) { var num...
jquery.cookie() 方法的使用(读取、写入、删除) 2017年02月06日 17 阅读 一个轻量级的cookie 插件,可以读取、写入、删除 cookie。 jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery...
javascript中的作用域和上下文使用简要概述 2017年02月06日 19 阅读 javascript中的作用域(scope)和上下文(context)是这门语言的独到之处,这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是javascript中一些强大的设计模式的后盾。然而这也给开发人员带来很大困惑。下面全面揭示了javascript中的上下文和作用域的不同,以及各种设计模式如何使用他们。 上下文 vs 作用域 首先需要澄清的问题是上下文和作用域是不同的概念。多年来我注意到许多开发者经常将这两个术语混淆,错误...
javascript eval(func())使用示例 2017年02月06日 15 阅读 eval的作用其实很简单,就是把一段字符串传递给JS解释器,由Javascript解释器将这段字符串解释成Javascript代码,并且执行他。 举个最简单的例子: 复制代码 代码如下:<script type="text/javascript"> eval("alert(1+1)"); script> 很简单,把字符串解释成JS代码并执行,弹出2。 当然,上面的例子只是个玩具,在实际中没有人会傻到这么用。我想大家最基本的使用eval函数...
JS验证邮箱格式是否正确的代码 2017年02月06日 15 阅读 复制代码 代码如下: /* *验证邮箱格式是否正确 *参数strEmail,需要验证的邮箱 */ function chkEmail(strEmail) { if (!/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/.test(strEmail)) { return false; } else { return true; } } ...
jquery 快速回到页首的方法 2017年02月06日 16 阅读 复制代码 代码如下: $(function() { $("#back_top").click(function(){ $("body,html").animate({scrollTop:0},1); return false; }); )}; ...