简明现代魔法 -> JavaScript

JavaScript数组排序函数介绍

原生的sort()方法封装下使用

JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。sort() 方法用于对数组的元素进行排序。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

发布于 2011-08-02 分类:javascript

如何给元素绑定click点击事件

让所有元素都有click事件

最简单的莫过于使用click方法,以上的事件都是直接添加在html属性中的(内联事件)。click方法能触发使用el.onXXX/addEventListener/attachEvent添加的事件吗?既然Safari/Chrome中click不可用, 我们就用dispatchEvent来实现了。

发布于 2011-07-22 分类:javascript

用JavaScript获取iframe里的值

获得某个iframe页面某个元素的值

在Web开发时,很多时候会遇到一个问题。我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢?在IE下操作IFrame内容的代码:...但是这在Firefox下无效。所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:...

发布于 2011-07-18 分类:javascript

如何实现网页标题的闪动提示

一个网页消息提示功能的实现

通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见。如何实现则个功能呢?思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换。例:【你有新消息】与【     】切换。提示内容弄是动态的,所以替换文字的空格数目也是算出的。这里用全角的空格。

发布于 2011-07-12 分类:javascript

制作一个js文件作为全站菜单导航

结构简单,可定制性强

向导可以让你的网站用户快速上手使用你的web应用,提高网站的吸引力。向导一般分为好几个步骤,每个步骤收集一些数据,并且支持退回功能,所有步骤完成后可以得到每一步的收集结果。这里给大家展示一种比较通用,灵活且简单的向导框架。

发布于 2011-07-07 分类:javascript

JavaScript获取明天昨天等的日期

JavaScript setDate()方法和getDate()方法

有时候我们需要知道昨天、前天、明天或者后天的日期,下面的程序可以实现这个需求。一点都不复杂,主要是熟悉下JavaScript setDate() 方法和 getDate() 方法的使用。先看下面的演示和代码实现。

发布于 2011-07-04 分类:javascript

捕捉网页关闭与取消关闭事件

使用setTimeout延时10ms执行onunloadcancel

在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢?我们假定一个页面离开取消事件,叫做onunloadcancel。显然,这个事件应触发在用户按下对话框的取消按钮之后。

发布于 2011-07-04 分类:javascript

JavaScript计算两个日期的时间差

时候我们需要知道两个日期之间差了多少天

有时候我们需要知道两个日期之间差了多少天,多少小时,甚至多少分钟多少秒。下面我们用JavaScript实现一个函数,用于计算两个日期的时间差,先来看看代码。使用的方法很简单,比如计算天数可以这样:GetDateDiff("2010-02-26 16:00:00", "2011-07-02 21:48:40", "day");

发布于 2011-07-02 分类:javascript

JavaScript简单的移动动画效果

"跑步算法"的实现

一个JavaScript的笔试题,已知a、b,现在点鼠标a会向b游动,鼠标停,a会停下来,请实现"跑步算法"。其中用到的精髓是setInterval()方法,具体可以参照下面的代码。

发布于 2011-06-24 分类:javascript

如何实现加载DOM时执行js代码

怎样提取jQuery.ready()方法

有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。

发布于 2011-06-22 分类:javascript

非常蛋疼的JavaScript试题

你全懂了就说明你对JavaScript的了解很深

JavaScript有很多地方和我们熟知的C、Java等的编程习惯不同,这些不同会产生很多让人意想不到的事情。前段时间在知乎有人发了写Javascrtip试题,觉得挺好玩的,这里跟大家分享一下。具体答案大家可以自己运行得出,为什么会得出这样的结果,我也有一些不懂的地方,怕误人子弟,所以这里就不解答这里的问题了。

发布于 2011-06-19 分类:javascript

JavaScript里递归的解决方案

arguments.callee的使用

在javascript函数体内,标识符arguments具有特殊含义。它是调用对象的一个特殊属性,用来引用Arguments对象。 Arugments对象就像数组,注意这里只是像并不是哈。javascript函数体内,arguments像数组(并不是真的数组,是一个Arguments对象,再次强调)一样,有length属性,可以代 表传给函数的参数的个数。

发布于 2011-06-05 分类:javascript

了解下JavaScript中的prototype

类方法,对象方法,原型方法

JS中的phototype是JS中比较难理解的一个部分。javascript的方法可以分为三类:类方法,对象方法,原型方法。理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。可以出现这种情况:A的prototype是B的实例,同时B的prototype也是A的实例。

发布于 2011-06-03 分类:javascript

JavaScript中的封装设计模式

如何在Javascript中利用封装这个特性

我们会把现实中的一些事物抽象成一个Class并且把事物的属性(名词)作为Class的Property把事物的动作(动词)作为Class的methods。在面向对象的语言中(C#等)都会有一些关键字来修饰类或者属性(Private,public,protect),这些关键词描述了访问的权限。

发布于 2011-05-30 分类:javascript

原生JavaScript下的DOM操作

处理和了解浏览器差异一个重要问题

JQuery确实是个很好用的库,你可以不用考虑很多细节方面的事情。但很作为一个web前端,处理和了解浏览器差异一个重要问题。下面将介绍一些总结,先介绍没有使用js库的情况。这篇文章的目的也就是介绍浏览器差异的同时使前端的朋友们了解如果用最有效的方法去解决问题。

发布于 2011-05-29 分类:javascript
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们