andyliu的专栏

function copy_url(){var clipBoardContent=""; //clipBoardContent+=document.title; //获取标题 //clipBoardContent+="\n"; clipBoardContent+=this.location.href; //获取地址if (window.clipboardData){wind

这通常意味着，你试图把一个DOM节点插入到一个它不能到达的地方，最普遍的例子如下：document.appendChild(document.createElement('div'));一般只需改正为：document.body.appendChild(document.createElement('div'));通知核心 DOM 对象的异常或通知。常量下面

最近要做个一个手机端的拖动效果，在网上找到一个例子，最后自己改造了一下。实现了，兼容ios android 和电脑端的 拖动效果。 小记一下主要知识点 1：与mousedown、mousemove、mouseup对应的触摸事件分别是touchstart、touchmove、touchend。            2：js 的 apply方法apply() 方法有两个参

使用label语句可以在javascript中添加标签以便将来使用。label的语法：label：statementlabel 可以break或者continue联合使用//label: statementvar temp=0;start:for(var i=0; i<5; i++) { for(var m=0; m<5; m++) { if(m==1) {

一、变量变量可以用来保存两种类型的值： 基本类型值和引用类型的值1. 基本类型值具有以下特点基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中。一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本。2. 引用类型的值具有以下特点引用类型的值是对象，保存在堆内存中。包含引用类型值得变量实际上包含的并不是引用类型本身，而是一个指向该对象的指针。从

/** * javascript 中的reduce方法 和 reduceRight方法 * 这两个方法是ECMAScript5中新增的方法 * 都接受两个参数：第一个是用来迭代的数组的函数，这个函数有四个参数分别是，前一个值，当前值，项的索引，数组对象。然而这个函数的任何值都会作为第一个参数自动传给下一项。第二个是作为第一个函数中第一个参数的初始值 * * reduceRight 和

/** * * 栈：是一种可以限制插入和删除项的数据结构。其遵循LIFO(last-in-first-out)后入先出的规则，也就是最新推入的被最早的弹出，而这些操作只发生在一个位置，栈的顶部。 * 模拟栈的实现需要使用：push()和pop()方法。 * push()：可以接受任意个参数，把它们逐个推入到数组的末尾，返回新的数组的额长度 * pop(): 不需要参数，直接弹出数组末尾

在javascript中有5中基本数据类型分别是：Undefined、Null、Boolean、Number、String。和一个复杂数据类型：Object。一、Undefined1. Undefined类型只有一个值undefined。当用var声明一个值并未对其进行初始化的时候，这个变量的值就是undefined。var boss;alert(typeof boss);

break 跳出循环体  强制执行循环体以外的代码continue 跳出当前循环 继续执行下一次循环for(var i=0; i<5; i++) { alert(i); if(i==3) { alert('break'); break; } if(i==2) { alert('continue'); continue; } alert('继续');}

/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法。每个方法都接受两个参数，第一个是进行迭代的函数，第二个是该函数的作用域对象【可选】。 * 进行迭代的函数接受三个参数，第一个是数组中要进行迭代的元素的值，第二个是数组候总要进行迭代的元素的位置，第三个是迭代数组本身。 * 1. every() 对数组中的每一项运行给定的函数，如果该函数对每一

两种方式，但稍有区别1，in 运算符?123var obj = {name:'jack'};alert('name' in obj);// --> truealert('toString' in obj);// --> true可看到无论是na

1、 标签的defer  属性：延迟脚本执行使用defer='defer' 属性可以让脚本在文档完全呈现完之后再执行，延迟脚本总是按照指定他们的顺序执行的。2、 标签的async属性： 表示当前的脚本不必等待其他脚本，也不必阻塞文档的呈现。但是不能保证异步脚本按照他们在页面中执行的顺序执行。 Test alert('nihao');

继续上一篇 jquery  实现 极客公园的 回到顶部 效果今天我们主要做的是将上一篇的代码进行面向对象改进我直接上代码了注释写的比较清楚 .one {width:100%;height:3000px;} #backtotop {background:url(http://www.geekpark.net/public/img/icons/ro

最近在网络中游荡的时候发现极客公园的回到顶部的  小火箭效果很棒 so~~~模仿一下首先我们先把极客公园的回到顶部需要的图片下载到本地嗯，就是这张图片了，看到这张图片。我想到，火箭升空的效果可以有两种方法实现，其中一种使用了css3 的keyframe关键帧技术 ，还有一种就是用js来控制background-position。在这里我是用第二种js控制background-p

最近使用dwz来做项目，有时候在ajax的时候并不想使用dwz的loading。所以就像去掉，很简单，只需要一行代码：$.ajaxSettings.global=false;将这行 代码加在ajax的前面就行了：下面是我的代码$.ajaxSettings.global=false;$.getJSON(show.conf.url, show.conf.data, function(

asdffunction a(){try{var aaa = document.getElementById('bbb');alert(aaa.innerText);}catch (e){alert('错误' + e.message + '发生在' + e.lineNumber + '行');}}a();/*js的异常e除了e.message 和 e.line

最近在看javascript DOM 编程艺术这本书  在书上看到这个例子，觉得摘抄下来首先html 代码 Grayscale Canvas Example 注：modernizr.js 是从www.modernizr.com上下载的   他是一个开源的javascript库 ，它提供了丰富的特性检测功能，有了它可以对html5 文

最近做一个复制到剪切板的功能   在网上找了很多都不好用  最后发现在了  这篇文章很不错  简洁好用   贴出来  希望能帮到更多人原文地址：http://www.lsproc.com/wiki/snippets:copytoclipboard此代码修改自 discuz!, 简易实现代码如下:var clipboardswfdata;

这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth   (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文

打造 PHP IDE IDE 左侧是目录导航，中间是编辑区域，而右侧则是方法列表，用于在已经打开的文件中快速跳转。在编辑区域按下 CTRL+X 键，还会显示已打开文件的列表。 其他诸如自动补全、代码模板等功能，都应有尽有。看过了漂亮的截图，我们就来一步步打造 PHP IDE 吧。用 NERDTree 实现目录导航在进行 PHP 应用开发时，同时编辑多

今天在用setInterval的时候  发现一个小问题   是当setInterval 调用的函数中执行了document.write()的时候  这个函数只能被调用一次  但是chrome是没问题  只有ie会出现这个情况 var i = 0; function aa(){ i++; document.write(i); } setInterval("aa()"

根据Nicholas Zakas的研究显示，在多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务，而同一时间只能有一个任务被执行。JavaScript运行了多长时间，那么在浏览器空闲下来响应用户输入之前的等待时间就有多长。从基本层面说，这意味着标签的出现使整个页面因脚本解析、运行而出现等待。　　综上所述，提高JavaScript的性能，是提高用户体验的一个重要途径。那么，我们

TextRectangle对于文本对象，W3C提供了一个 TextRectangle 对象，这个对象是对文本区域的一个解释。看下图(截图来源ppk):一行连续的文本我们可以获取到里面的5行文字，红色框就是TextRectangle这个抽象的对象.TextRectangle对象包含了, top left bottom left四个属性，这四个属性都是对应可视区域viewp

随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如，有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM

按照javascript语言精粹中所说，如果在一个函数前面带上new来调用该函数，那么将创建一个隐藏连接到该函数的prototype成员的新对象，同时this将被绑定到那个新对象上。这个话很抽象，我想用实例来让自己加深理解。1.如果就一个函数，没有返回值，没有prototype成员，然后使用new,会是什么结果呢？如果一个函数没有返回值，那么如果不使用new来创建变量，那么该变量的值为un

shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5] b：1unshift：将参数添加到原数组开头，并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a：[-2,-1,

本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({         ajaxSettings:{ c

Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。"http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

1. 取整同时转成数值型：'10.567890'|0//结果: 10'10.567890'^0//结果: 10-2.23456789|0//结果: -2~~-2.23456789//结果: -22. 日期转数值：var d = +new Date(); //12956984167923. 类数组对象转数组：var arr = [].slice.call(argumen

参考了几个博客，经过了多次修改，终于可以见人了。废话不多说先上源码 .content-top {width: auto;min-width: 950px;height:380px;} .headerimg { width:100%;height:380px;background-position: center top;background-repeat: no-repea