
JavsScript
文章平均质量分 91
微雨燕双飞
学无止境
展开
-
$.when().done().then()的用法
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程...原创 2019-09-24 12:02:33 · 1456 阅读 · 0 评论 -
JavaScript 时间 格式 转换 及 Date对象 总结
1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()结果: 2008年1月29日 16:13:112.普通字符串(toDateString和toTimeString)原创 2012-08-04 10:54:05 · 1154 阅读 · 0 评论 -
JavaScript:只能输入数字(IE、FF)
一、不带负号的输入这里,没有解决“正负号”的问题。由于“正负号”必须出现在数字的最前端,因此,必须要判断当前光标所在的位置是否在输入文本框的首位。//调用方式:onkeydown = "DigitInput(this,event);"function DigitInput(el,ev) {//8:退格键、46:delete、37-40: 方向键/原创 2012-08-03 22:13:51 · 757 阅读 · 0 评论 -
KeyDown,KeyPress 和 KeyUp
(一)键事件按下列顺序发生: KeyDown KeyPress KeyUp (二)KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将不会触发KeyUp事件。(三)定义 KeyDown:在控件有焦点的情况下按下键时发生。KeyPress:在控件有焦点的情况下按下键时发生。(下面会说和KeyDown 的区别)KeyUp:在原创 2012-06-18 10:12:44 · 834 阅读 · 0 评论 -
self和this使用小结
一、self 这个非常简单。我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身,它返回的对象跟window对象是一模一样的。也正因为如此,window对象的常用方法和函数都可以用self代替window。举个例子,常见的写法如“self.close();”,把它放在标记中:“关原创 2012-06-15 16:12:38 · 1629 阅读 · 0 评论 -
JS刷新当前页面
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数:bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项原创 2012-05-21 15:19:01 · 1189 阅读 · 1 评论 -
使用JavaScript中,父窗口调用子窗口中的函数 及 子窗口调用父窗口中的函数
父窗口调用子窗口函数实现是挺简单的,如下:var wnd = window.open("XXX.html");wnd.showDatas(datas);以上代码中,showDatas是定义在子窗口的函数,datas是父窗口要给子窗口的数据。需要注意的事,使用open语句打开窗口后,窗口未必能把所有代码全部载入,因此showDatas函数未必调用有效。如果要有效,可以先把数据转载 2012-03-18 11:04:58 · 1903 阅读 · 2 评论 -
Javascript事件绑定的几种方式
Javascript的事件绑定主要有四种方法(一下在IE中运行正常,但不保证其他浏览器):[注:onXXX为某一事件,fun为某一function,domId为某一DOM对象id,event类型见后边附录。]1、在DOM中,直接用onXXX="fun();"进行绑定 2、在Javascript代码中用 DOM对象.onXXX=fun 进行绑定3、用 DOM对象.attachEven原创 2012-07-24 15:26:07 · 860 阅读 · 0 评论 -
JS的Document属性和方法
JS的Document属性和方法document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document原创 2012-09-13 10:58:50 · 739 阅读 · 0 评论 -
js监听事件
需要在浏览器关闭(浏览器程序关闭及浏览器标签关闭)时,使用异步方法向服务器端回发一些信息。HTML codeDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns=原创 2012-09-21 13:56:44 · 919 阅读 · 0 评论 -
ES6转ES5,Traceur使用方式
ES6于2015年6月正式发布,各大浏览器的最新版本对 ES6 的支持可以查看https://kangax.github.io/compat-table/es6/。目前各大浏览器和开发环境对支持ES6的支持情况参差不齐,在实际项目开发中,我们仍旧不得不降级使用ES5语法以兼容各平台。幸好有几款工具可以将ES6语法转换成ES5,让我们在使用ES6新特性编写代码的同时,不需要考虑具体的兼容性情况。...原创 2018-10-28 16:26:02 · 705 阅读 · 0 评论 -
js字符串截取函数slice、substring、substr比较
在js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length]) 相关属性: slice() 第一个参数代表开始...转载 2018-04-23 14:06:11 · 630 阅读 · 0 评论 -
Javascript 中 null、NaN和undefined的区别
1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。代码var a1;var a2 = true;var a3 = 1;var a4 = "Hello";var a5 = new Object();var a6 = null;var原创 2012-12-23 20:27:01 · 1029 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一、通过jsonp原创 2015-07-09 14:21:59 · 612 阅读 · 0 评论 -
iframe 父窗口和子窗口相互的调用方法集锦
iframe 父窗口和子窗口相互的调用方法集锦用iframe、弹出子页面刷新父页面iframe parent.location.reload();弹出子页面 window.opener.location.reload();子窗口刷新父窗口 self.window.opener.locaction.reload();刷新一open()方法打开的窗口 window.原创 2012-03-31 13:39:33 · 2498 阅读 · 0 评论 -
JavaScript中两个感叹号的作用
var a;var b=!!a;a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;因为javascript是弱类型的语言(变量没有固定的数据类型)所以有时需要强制转换为相应原创 2013-05-20 09:39:33 · 1368 阅读 · 0 评论 -
JS中数组Array的用法
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc";//alert(arr.length);//3arr.pop();//alert(arr.length);//2//alert(arr[arr原创 2012-10-23 09:17:22 · 628 阅读 · 0 评论 -
Console号令详解,让调试js代码变得更简单
Firebug把握台详解作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html把握台(Console)是Firebug的第一个面板,也是最首要的面板,首要感化是显示网页加载过程中产生各类信息。一、显示信息的号令Firebug内置一个console对象,原创 2012-10-29 19:04:15 · 966 阅读 · 0 评论 -
JS的正则表达式对象使用方法 如何定义
JS的正则表达式 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串Java代码原创 2011-12-22 14:18:01 · 1535 阅读 · 0 评论 -
JavaScript里面三个等号和两个等号的区别
== equality 等同,=== identity 恒等。==, 两边值类型不同的时候,要先进行类型转换,再比较。 ==,不做类型转换,类型不同的一定不等。 下面分别说明: 先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等: 1、如果类型不同,就[不相等] 2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN原创 2012-04-29 18:09:56 · 857 阅读 · 0 评论 -
Js操作Cookies
Js操作Cookies1,要清空浏览器的所有cookies,2,要清空某网站的cookies, //youkuaiyun.com的所有cookies3,要清空某网站的用户名字的cookies,//youkuaiyun.com 的cookies中的用户名username解答:// js 遍历所有Cookiefunction foreach(){ var strCookie=docum原创 2011-11-12 19:45:44 · 739 阅读 · 0 评论 -
Javascript的匿名函数
一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function)语句:function fnMethodName(x){alert(x);}函数字面量(Function Literals):var fnMethodName = function(x){alert(x);}Function()构造函数:var fnMethodN原创 2011-11-04 18:25:07 · 452 阅读 · 0 评论 -
JavaScript中function的动态执行
由于最近来自重构中的需要,所以深入的研究了JavaScript中function(函数/方法)的动态执行。搜索了一下,发现在网上询问相关问题的人非常多,相应给出的解决方法也是很多的,但却没有深入研究的说明。本人觉得深入的研究并解决function的动态执行问题还是非常有价值的。 本文将从不同的应用情况入手,并由浅入深的给出解决方案与分析。动态执行从服务端返回的JavaScrip原创 2011-11-04 18:31:23 · 966 阅读 · 0 评论 -
JavaScript中的defer 属性解释
....中defer起什么作用的?我想知道还有别的参数没? defer更多的与脚本的执行效率有关。 使用defer属性可以让脚本在整个页面装载完成之后再解析,而非边装载边解析。 这对于只包涵事件触发的js脚本而言,可以提高整个页面的加载速度。 在实际使用中意义不大Script中的Defer属性如果你是一原创 2011-10-28 11:48:16 · 644 阅读 · 0 评论 -
Javascript正则表达式(详解)
正则表达式是一个描述字符模式的对象。 JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象原创 2011-10-20 15:47:33 · 548 阅读 · 0 评论 -
常用的javascript正则表达式
下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。匹配中文字符的正则表达式: [u4e00-u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内)原创 2011-10-18 17:18:01 · 666 阅读 · 0 评论 -
温故知新 javascript 正则表达式
很长时间没看 正则表达式了,碰巧今天用到,温故知新了一把 看书学习吧50% 的举一反三练习中的原创。 一 javascript正则表达式的基本知识1 javascript 正则对象创建 和用法 声明javascript 正则表达式原创 2011-10-18 21:13:50 · 532 阅读 · 0 评论 -
用javascript获取和设置style
这两天用了baidu 百度空间中的弹出窗口js,感觉不错,很强大,很好很简单的解决了好几个问题,界面友好度以及美化也好多了,以前都是硬邦邦window.open(); 有兴趣的朋友搜索"百度 popup"就好了,已经有人给出了注释,强大。 最有意思的是用jav原创 2011-10-14 11:54:32 · 1143 阅读 · 0 评论 -
JS正则表达式大全
正则表达式中的特殊字符 字符含意\做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。原创 2011-12-22 14:08:36 · 575 阅读 · 0 评论 -
IE和firefox在JS用法方面的区别
IE和firefox在JS用法方面的区别1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。2.禁止选取网页内容:在IE中原创 2011-12-28 11:31:14 · 817 阅读 · 0 评论 -
JS中手动触发事件的方法
如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍js下的几个方法:1. createEvent(eventType)参数:eventTy原创 2011-12-28 11:49:08 · 1806 阅读 · 0 评论 -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7原创 2012-04-12 10:59:23 · 654 阅读 · 0 评论 -
opener和parent的区别
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent。在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:a.htm翻译 2012-03-20 10:00:06 · 785 阅读 · 0 评论 -
火狐和IE之间的JavaScript差异、兼容性
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。1. CSS “float” 属性获取给定对象的特定 CSS 属性的基本语原创 2011-12-01 17:35:08 · 1255 阅读 · 0 评论 -
Js收集技巧
js中对字符串加解码 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串可以使用 unescape() 对 escape() 编码的字符串进行解码。>> 进行传递 function GoUrl() { var Name = "中文参数"; location.href = "B.aspx?Name="+escape(Name); }原创 2012-03-26 10:12:39 · 564 阅读 · 0 评论 -
js 获取高度
function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s原创 2012-02-16 15:52:30 · 684 阅读 · 0 评论 -
javascript图片连续无间隙水平向左滚动,无间隙水平向右滚动,符合W3C Web标准
javascript图片连续无间隙水平向左滚动,无间隙水平向右滚动,符合W3C Web标准很久以前就有这个问题,总是找不到通用的,或比较简单的“图片连续无间隙向左滚动,无间隙向右滚动,符合W3C Web标准”,这次又遇上一个这样的问题,找了老半天终于从网上找到一个不错的,看了下代码,思路很简单,但代码太多,通用性也不行,于是乎,自己又发明 了两个函数,用起来感觉还真不错,与大家共享:原创 2011-12-29 11:23:26 · 924 阅读 · 0 评论 -
js onmouseout 与onmouseleave的区别
在IE下解决问题很简单,用onMouseEnter、onMouseLeave来代替onMouseOver、onMouseOut就行了,他们的作用基本相同,前者不会发生冒泡。但是firefox下没有这两个事件,如果用 jQuery的event事件,只要bind mouseleave和mouseenter即可。如果是纯js实现,只能这么做:通过判断触发onMouseOut事件后鼠标到达的元素是不是原创 2011-12-28 14:30:27 · 8230 阅读 · 0 评论 -
JS的正则表达式
JS的正则表达式 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true }//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串Java代码原创 2010-03-16 10:44:00 · 550 阅读 · 0 评论