2012年03月_KeenWon

原创 Javascript 点击div之外任何地方，隐藏div

document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement || e.target; while (elem) {

2012-03-28 17:24:16 4541 1

原创 Javascript的事件冒泡和事件捕获，阻止事件冒泡，事件源target

事件冒泡事件捕获：父级元素先触发，子级元素后触发事件冒泡：子级元素先触发，父级元素后触发现在在IE和FF下，触发事件基本都是事件冒泡，由内向外的执行冒泡事件 *{ margin:0; padding:0; } .div1{ width:200px; height:200px; background-color:

2012-03-28 16:59:28 3031

转载 JavaScript中setAttribute用法

我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题 setAttribute(class, value)中class是指改

2012-03-28 14:48:33 1047

转载获取卷屏的高度 - document.documentElement

要获取当前页面的滚动条纵坐标位置，用： document.documentElement.scrollTop; 而不是： document.body.scrollTop; documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.body.scrollTop恒为0，需要用document.documentEl

2012-03-28 10:42:15 906

原创 javascript获取元素距离网页的left距离

test *{ margin:0; padding:0; } #div1{ width:500px; height:500px; margin:100px; position:relative; background-color:#CCCCCC; } #div2{ width:300px; height:300px; positi

2012-03-28 10:20:52 3998 1

原创浏览器的标准兼容模式和怪异呈现模式以及盒模型

盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。盒子模型在内容区外面，依次围绕着 padding 区，border 区，margin 区，

2012-03-27 09:37:53 5275

原创 Javascript中的with

当执行流进入下列任何一个语句时，作用域链将得到延长： * 1) try-catch语句的catch块 * 2) with语句此两个语句会在作用域链的前端添加一个变量对象。对with来说，其变量对象中包含着指定对象的所有属性和方法所作的变量申明；对catch来说，其变量对象中包含的是被抛出的错误对象的申明。这些标量对象都是只读的，因此在with和catch语句中申明的变量都会被添

2012-03-26 10:18:26 1505

转载 JavaScript中的arguments,callee,caller,call,appy

/* * 演示arguments的用法,如何获取实参数和形数数 */ function argTest(a,b,c,d){ var numargs = arguments.length; // 获取被传递参数的数值。 var expargs = argTest.length; // 获取期望参数的数值。 alert("实参数目为:"+numargs)

2012-03-26 09:58:40 736

转载 String.Empty、null和""的区别

string.Empty不分配存储空间 ""分配一个长度为空的存储空间所以一般用string.Empty 为了以后跨平台，还是用string.empty 在 C# 中，大多数情况下 "" 和 string.Empty 可以互换使用。比如： string s = ""; string s2 = string.Empty; if (s == string.Emp

2012-03-22 14:48:50 703

转载标准模式中的 IE 6&7 width 100% bug

在 web app 项目中经常遇到这个 bug，国外称之为100% ≠ 100% bug，又分为两种： div 的宽度 100% ≠ 100% (IE 6&7)需求：标准模式#container 局部滚动#asie 固定宽度#content 自适应宽度再复杂一点还会要求两列等高，可参考 http://www.99css.com/?p=40 HTML

2012-03-10 10:04:50 652

semanwmj的专栏