08 2012 档案
摘要：<div id='bbb' style="display:none">asdf</div>
<script>
function a()
{
try
{
var aaa = document.getElementById('bbb');
alert(aaa.innerText);
}
catch (e)
{
alert('错误' + e.message + '发生在' + e.lineNumber + '行');
}
}
a();
</script>
阅读全文
摘要：最近在看javascript DOM 编程艺术这本书 在书上看到这个例子，觉得摘抄下来首先html 代码<!DOCTYPE html>
<html lang="en"> <head> <meta charset="utf-8"> <title>Grayscale Canvas Example</title> <script src="./modernizr.js"></script> </head> <body> &
阅读全文
摘要：1. 取整同时转成数值型： '10.567890'|0
//结果: 10
'10.567890'^0
//结果: 10
-2.23456789|0
//结果: -2
~~-2.23456789
//结果: -2
2. 日期转数值： var d = +new Date(); //1295698416792
3. 类数组对象转数组： var arr = [].slice.call(arguments)
4. 漂亮的随机码： Math.random().toString(16).substring(2); //14位
Math.random().toString(36
阅读全文
摘要：这通常意味着，你试图把一个DOM节点插入到一个它不能到达的地方，最普遍的例子如下：document.appendChild(document.createElement('div'));一般只需改正为：document.body.appendChild(document.createElement('div'));通知核心 DOM 对象的异常或通知。常量下面的常量定义了 DOMException 对象的code属性的合法值。注释：这些常量是 DOMException 的静态属性，不是个别异常对象的属性。INDEX_SIZE_ERR说明数组或字符串下标的溢出错误。
阅读全文
摘要：shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar 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,1,2,3,4,5] b：7注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。pop：删除原数组最后一项，并返回删除元素的值；
阅读全文
摘要：根据Nicholas Zakas的研究显示，在多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务，而同一时间只能有一个任务被执行。JavaScript运行了多长时间，那么在浏览器空闲下来响应用户输入之前的等待时间就有多长。从基本层面说，这意味着<script>标签的出现使整个页面因脚本解析、运行而出现等待。 综上所述，提高JavaScript的性能，是提高用户体验的一个重要途径。那么，我们可以从哪些方面提高JavaScript的性能呢？下面，我从“脚本引入位置”、“变量的使用”、“DOM树的操作”等几个方面来简要论述一下。JavaScript脚本的引入位置<
阅读全文
摘要：尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。比如一个链接要么是这个颜色，要么是那个颜色；一个文本区域要么这么大，要么那么大；一张图片要么是透明的要么是不透明的；它们是从一个状态直接变到另一个状态——中间并没有过渡。这导致大部分网页有些生硬，因为元素只会很死板的切换或改变。是的，你可以使用DHTML、jQuery或者自己编写JS来实现过度，但是这需要更多的代码来实现本应该非常简单的功能。我们需要的是快速而简单的方法来给页面添加简单的变换(transition)效果。在本文中，你会发现很有用的关于CSS变换(transition)以及
阅读全文
