最近的文章列表

js createDocumentFragment:更快捷的操作DOM的途径 代码高亮库就是用的这个

我相信很少人知道JavaScript里还有这样一个很有用的东西:DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上,对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构,而效率高是它真正的优势,试验表明,它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使用的!

DocumentFragment例子

2014/5/4 Comments:
javascript中关于(function( window, document, undefined ) {})(window, document)写法的好处和作用

在jquery中我们经常看到以下这段代码:

;(function ( $, window, document, undefined ){
//函数体内具体代码
})(jQuery, window,document);

首先说说非常值得提倡的几点:
1、代码最前面的分号,可以防止多个文件压缩合并以为其他文件最后一行语句没加分号,而引起合并后的语法错误

2014/4/25 Comments:
分享一个非常不错的JS分页效果代码

本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~

补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数 

 
2014/4/25 Comments:
js文档生成工具库JSDoc介绍使用规范JsDoc的使用介绍

JsDoc Toolkit不久前发布了2.3.2版本,主要还是对前版本的修复。
如果你需要使用Ant,JsDoc还有一个Ant插件:JsDoc Toolkit Ant Task
下载JsDoc Toolkit2.3.2:http://jsdoc-toolkit.googlecode.com/files/jsdoc_toolkit-2.3.2.z

效果如下:

JSDOC3生成的文档

2014/4/25 Comments:
完整的javascript URL解析函数和分段URL解析方法

一、URL解析函数

代码如下:

<script> 
/**
*@param {string} url 完整的URL地址
*@returns {object} 自定义的对象
*@description 用法示例:var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top
2014/4/15 Comments:
javascript事件冒泡详解和捕获、阻止方法

一、事件的发生顺序

这个问题的起源非常简单,假设你在一个元素中又嵌套了另一个元素

代码如下:
2014/4/15 Comments:
jquery ajax应用中iframe自适应高度问题解决方法

iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可。

代码如下:

代码如下:

//公共方法:设置iframe的高度以保证全部显示数据
//function SetPageHeight() {
//    var iframe = getUrlParam('ifname');
//    var myiframe = w
2014/4/15 Comments:
jQuery中阻止冒泡事件的方法介绍 stopPropagation preventDefault

一、冒泡事件简介

当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。
比如:div下的a都有click事件,点击a的时候,会alert出现2次。这个现象叫做冒泡事件。


这个事件从原始元素开始一直冒泡到DOM树的最上层。
目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,
并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事 件处理器添加到一个元素上,
等待一个事件从它的子级元素里冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始。
注意:
blur、focus、load和unload

2014/4/15 Comments:
js window.open打开新窗口后无法再次打开该窗口问题的解决方法

在系统中,会一些地方使用javascript open window。比如打开固定模式的窗口,防止用户进行其他操作。

参数:

代码如下:

参数 | 取值范围 | 说明
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
2014/4/15 Comments:
JS判断客户端是手机还是PC的2个代码

1、第一种:

代码如下:
function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
2014/4/15 Comments: