IE 的事件绑定函数是 attachEvent；而 Firefox, Safari 是 addEventListener；Opera 则两种都支持。使用jQuery就可以使用简单的bind()，或者$().click()之类的函数解决，而如果不使用JavaScript框架的时候，大家可是使用下面的封装bind()函数。       
/************************************
* 添加事件绑定
* @param obj   : 要绑定事件的元素
* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick".
* @param fn    : 事件处理函数
************************************/
function bind( obj, type, fn ){if( obj.attachEvent){
        obj['e'+type+fn]= fn;
        obj[type+fn]=function(){obj['e'+type+fn]( window.event);}
        obj.attachEvent('on'+type, obj[type+fn]);}else
        obj.addEventListener( type, fn,false);}

例如给document添加一个点击事件      
var fn=function(){alert("Hello, World!!");};
bind(document,"click", fn);

删除事件绑定 unbind()

unbind()对于上面的bind()函数      
/************************************
* 删除事件绑定
* @param obj : 要删除事件的元素
* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick"
* @param fn : 事件处理函数
************************************/
function unbind( obj, type, fn ){if( obj.detachEvent){
        obj.detachEvent('on'+type, obj[type+fn]);
        obj[type+fn]=null;}else
        obj.removeEventListener( type, fn,false);}

例如删除第一个绑定的document点击事件：
unbind(document,"click",fn);
摘自：http://www.js8.in/408.html

一、动态向表中添加行

• 问题：IE中，不能将行增加到表table。
• 解决方法：将行增加到表体tbody。
• 示例：点击查看

二、动态设置元素style属性

• 问题：IE下支持object.style.cssText="style:value"，Firefox下使用object.setAttribute("style", value)
• 解决方法：统一用object.style.属性＝值。
• 示例：点击查看

三、动态设置元素的Class属性

• 问题：IE下使用object.setAttribute("className", value)，Firefox下使用object.setAttribute("class", value)。
• 解决方法：统一用object.className=value。
• 示例：点击查看

四、动态创建Input元素

• 问题：IE中先添加元素，后设置的属性不起作用。
• 解决方法：先添加属性，再添加元素。
• 示例：点击查看

五、动态设置标签内容

• 问题：IE中用innerText属性，相反地，Firefox下用textContent属性。
• 解决方法：先判断浏览器类型，再分别设置，当然也可以同时设置。还有一种方法就是用innerHTML来替换。
• 示例：点击查看

六、增加和删除Option

• 问题：增加Option时，Firefox下不支持object.add方法。删除Option时，Firefox下不支持object.options .remove方法。
• 解决方法：增加Option时，使用object.options.add方法。删除Option时，使用object.remove方法。另外也可以用DOM的AppendChild和removeChild方法。
• 示例：点击查看 

七、动态创建单选按钮

• 问题：IE不能用setAttribute方法添加name属性，相反地，Firefox下不能用createElement(htmlStr)来添加name属性。
• 解决方法：先判断浏览器类型，再分别设置。当然也可以同时设置。
• 示例：点击查看

八、document.formName.item("itemName")

• 问题：IE下，可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。
• 解决方法：统一使用document.formName.elements["elementName"]。

九、动态创建单选按钮

• 问题：IE下，可以使用()或[]获取集合类对象；Firefox下，只能使用 []获取集合类对象。
• 解决方法：统一使用[]获取集合类对象。

十、自定义属性

• 问题：IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute() 获取自定义属性
• 解决方法：统一通过 getAttribute() 获取自定义属性。

十一、eval("idName")

• 问题：IE下，可以使用 eval("idName") 或 getElementById("idName") 来取得 id 为 idName 的HTML对象；Firefox下，只能使用 getElementById("idName") 来取得 id 为 idName 的HTML对象。
• 解决方法：统一用 getElementById("idName") 来取得 id 为 idName 的HTML对象。

十二、event.srcElement

• 问题：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性。
• 解决方法：使用srcObj = event.srcElement ? event.srcElement : event.target;

十三、访问的父元素

• 问题：在IE下，使用obj.parentElement或obj.parentNode访问obj的父结点；在firefox下，使用obj.parentNode访问obj的父结点。
• 解决方法：因为firefox与IE都支持DOM，因此统一使用obj.parentNode 来访问obj的父结点。

十四、innerText

• 问题：innerText在IE中能正常工作，但是innerText在FireFox中却不行。
• 解决方法：在非IE浏览器中使用textContent代替innerText。

十五、模态和非模态窗口问题

• 问题：IE下，可以通过showModalDialog和showModelessDialog打开模态和非模态窗口；Firefox下则不能。
• 解决方法：直接使用 window.open(pageURL,name,parameters) 方式打开新窗口。如果需要将子窗口中的参数传递回父窗口，可以在子窗口中使用window.opener来访问父窗口。如果需要父窗口控制子窗口的话，使用var subWindow = window.open(pageURL,name,parameters); 来获得新开的窗口对象。

十六、frame和iframe问题

• 问题：要访问frame对象，IE下使用window.frameId或者window.frameName来访问这个frame对象；Firefox下使用window.frameName来访问这个frame对象；
• 解决方法：统一使用 window.document.getElementById("frameId") 来访问这个frame对象。在IE和Firefox中都可以使用window.document.getElementById("frameId").src 或window.frameName.location来切换frame的内容；如果需要将frame中的参数传回父窗口，可以在frame中使用parent关键字来访问父窗口。

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/redleaf1995/archive/2008/03/06/2154784.aspx

只能在用window.open打开的页面中窗口中可以访问到opener属性，而对于用showModalDialog和showModalessDialog弹出的窗口则不能访问到，其opener属性引用为空。

2.parent，top：获取的是对本窗口中对象层次元素的引用，对于用iframe或者frame的较有实际意义
对于用window.open和showModalDialog以及showModalessDialog打开的窗口而言，返回的是本窗口对象层次的元素引用，对于这种情况，parent，top，self三者的引用相同，都是当前的窗体自身，但对于窗体中的frame和iframe加载的页面元素来说，返回的则不相同。parent 返回的时包含该iframe的页面窗口引用，top则返回最上层的窗口引用，self当然返回的仍然是自身的引用。
 
3.self，window都是获取当前页面窗口自身对象的引用
每个页面自身代码中访问页面自身窗体可以采用self和window来访问到。
 
4.利用window参数传递和dialogArguments来获取弹出窗口的窗口引用
为了能够在用showModalDialog和showModalessDialog弹出窗口中引用到弹出窗口的引用，我们可以在showModalDialog和showModalessDialog的第二个参数传入window，然后再弹出的页面中用dialogArguments来获取刚才传入的window，即弹出窗口的窗口的引用。
转载：http://www.blogjava.net/standlww/archive/2009/04/28/267807.html

2. <body onselectstart="return false"> 取消选取、防止复制 javascript技巧

3. onpaste="return false" 不准粘贴技巧

4. oncopy="return false;" oncut="return false;" 防止复制的javascirpt特效

5.<noscript>// 禁止另存为
      <iframe src="*.htm"></iframe>
   </noscript>

功能：禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt

<script language="JavaScript">
<!--
function key(){ 
   //禁止Shift
   if(event.shiftKey){
      window.close();
   }
   //禁止Alt
   if(event.altKey){
      window.close();
   }
   //禁止Ctrl
   if(event.ctrlKey){
      window.close();
   }

   return false;
}

document.onkeydown=key;

if (window.Event)
      document.captureEvents(Event.MOUSEUP);

function nocontextmenu(){
   event.cancelBubble = true
   event.returnValue = false;
   return false;
}

function norightclick(e){
   if (window.Event){
      if (e.which == 2 || e.which == 3)
      return false;
   }
   else
      if (event.button == 2 || event.button == 3){
            event.cancelBubble = true
            event.returnValue = false;
            return false;
      }
}

//禁右键
document.oncontextmenu = nocontextmenu;  // for IE5+
document.onmousedown = norightclick;  // for all others
//-->
</script>

<body onselectstart="return false"; onpaste="return false";> 


在JSP标准的语法中，如果pageEncoding属性存在，那么JSP页面的字符编码方式就由pageEncoding决定，否则就由contentType属性中的charset决定，如果charset也不存在，JSP页面的字符编码方式就采用默认的ISO-8859-1。

//添加到收藏夹  
function AddToFavorite()  
{  
    if (document.all){  
       window.external.addFavorite(document.URL,document.title);  
    }else if (window.sidebar){  
       window.sidebar.addPanel(document.title, document.URL, "");  
    }  
}  
  
//设为首页  
function setHomepage(){  
    if (document.all){  
    document.body.style.behavior='url(#default#homepage)';  
    document.body.setHomePage(document.URL);  
  }else if (window.sidebar){  
        if(window.netscape){  
       try{    
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");    
       }catch (e){    
                    alert( "该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true" );    
       }  
        }    
    var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components. interfaces.nsIPrefBranch);  
    prefs.setCharPref('browser.startup.homepage',document.URL);  
    }  
}

第二种办法:将一维数组的分项又定义为一个一维数组. 这种办法看起来似乎不错,主要实现方法如下:
javascript定义二维数组的方法 
javascript本身只支持一维数组， 
有时非要用到二维数组的时候， 
可以将一维数组的分项又定义为一个数组， 
二维数组就是用数组构成的数组 
Var aa=new Array(); //定义一维数组 
for(i=1;i<=10;i++) 
{ 
    aa[i]=new Array(); //将每一个子元素又定义为数组 
    for(n=0;n<=10;n++) 
    { 
        aa[i][n]=i+n; //此时aa[i][n]可以看作是一个二级数组 
    } 
}

JavaScript中的Math对象的与众不同之处在于，它是一个全局对象。在使用Math对象之前，既不需要将一个变量声明为Math对象，也不需要定义一个新的Math对象，JavaScript将自动地创建好Math对象，我们只须直接使用它即可。这使得Math对象使用起来很容易。

Math对象的属性中包含一些经常使用的数学常量，如PI属性(即圆周率近似值3.141592653589793)。通常情况下，要访问这些属性，只须在Math之后加上一个点号(.)，然后写出要访问的属性名。例如，要计算一个圆的面积，可以使用如下代码：

var radius = prompt("Give the radius of the circle", "");

var area = (Math.PI)*radius*radius;

document.write("The area is " + area);

除加(+)、减(–)、乘(*)、除(/) 4个标准算术运算外，Math对象还包含一些复杂的数学方法，用于完成算术运算无法实现的复杂计算，例如cos()方法用于计算弧度参数的余弦函数。下面将介绍一些常见的数学方法。

1．abs()方法

abs()方法返回所传入参数的绝对值。实际上，绝对值就是一个数去掉正负号之后的数值。例如，–1的绝对值是1，–4的绝对值是4等。对于正数，其绝对值就是该正数本身，例如，1的绝对值就是1。

例如：下面的代码对–101取绝对值，并把结果输出在页面上：

var myNumber = -101;

document.write(Math.abs(myNumber));

2．ceil()方法

ceil()方法用于向上取整，它把一个数值向上舍入到最接近的最小整数，即对于Math.ceil(n)方法，它将返回大于或等于n的最小整数。例如，10.01向上取整后为11，–9.99向上取整后为–9(这是因为对于负数，–9大于–10)。ceil()方法只有一个参数，即需要向上取整的数值。

ceil()方法的使用与第2章中介绍过的parseInt()方法是不同的。parseInt()方法只是简单地截断小数点之后的所有数字，把整数部分保留下来。而ceil(n)方法将向上取整，返回大于或等于n的最小整数。

例如，下面的代码将在页面上输出两行信息，第一行为ceil()方法对101.01向上取整的结果102，第二行为parseInt()方法取整的结果101:

var myNumber = 101.01;

document.write(Math.ceil(myNumber) + "<BR>");

document.write(parseInt(myNumber));

3．floor()方法

与ceil()方法类似，floor()方法也用于对一个数字进行取整，所不同的是，floor()方法用于向下取整，它把一个数值向下舍入到最接近的最大整数，即对于Math.floor(n)方法，它将返回小于或等于n的最大整数。例如，Math.floor(10.01)将返回10，而Math.floor(–9.99)将返回–10。

4．round()方法

round()方法用于对一个数值进行四舍五入，即当一个数小数部分大于等于0.5时，则向上舍入，小于等于0.5时则向下舍入。

例如，对于如下代码：

var myNumber = 44.5;

document.write(Math.round(myNumber) + "<BR>");

myNumber = 44.49;

document.write(Math.round(myNumber));

对于44.5将四舍五入为45，而对于44.49则四舍五入为44。

5．关于取整方法的小结

正如上面所述，ceil()方法、 floor()方法和round()方法都可以进行取整操作。但各个方法的取整操作是不同的。对于floor(n)方法，它返回小于或等于n的最大整数；对于ceil(n)方法，它返回大于或等于n的最小整数；而round(n)方法将对n进行四舍五入。这几个方法可能容易混淆，表4-3格则用实例进行了说明：它显示了一列数值，以及将这些数值作为参数分别传入parseInt()函数、ceil()方法、floor()方法和round()方法时的返回值。

表  4-3

注意，与表中其他的方法不同的是：parseInt()函数是一个JavaScript内置对象，而不是Math对象的一个方法。

什么是CSS Float？

float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。

像这样在一个元素上用CSS设置浮动：

						#sidebar { float: right; }
				

fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None (默认的) 使元素不浮动，Inherit 将会从父级元素获取float值。

Float的用处

除了简单的在图片周围包围文字，浮动可用于创建全部网页布局。

Float对小型的布局同样有用。例如页面中的这个小区域。如果我们在我们的小头像图片上使用Float，当调整图片大小的时候，盒子里面的文字也将自动调整位置：

同样的布局可以通过在外容器使用相对定位，然后在头像上使用绝对定位来实现。这种方式中，文本不会受头像图片大小的影响，不会随头像图片的大小而有相应变化。

清除Float

清除(clear)是浮动(float)的相关属性.一个设置了清除Float的元素不会如浮动所设置的一样，向上移动到Float元素的边界，而是会忽视浮动向下移动。如下，一图顶千言。

上例中，侧栏向右浮动，并且短于主内容区域。页脚(footer)于是按浮动所要求的向上跳到了可能的空间。要解决这个问题，可以在页脚(footer)上清除浮动，以使页脚(footer)待在浮动元素的下面。

						#footer { clear: both; }
				

清除(clear)也有4个可能值。最常用的是 both，清楚左右两边的浮动。left 和 right 只能清楚一个方向的浮动。none 是默认值，只在需要移除已指定的清除值时用到。inherit 应该时第五个值，不过很奇怪的是 IE 不支持(这个不奇怪吧，IE 从来都这么特立独行吧 －糖伴西红柿注)。只清除左边或右边的浮动，实际中很少见，不过绝对有他们的用处。

伟大的塌陷

使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。

塌陷的直观对立面更不好，看看下面的情况：

当上面的块级元素自动扩展以适应浮动元素时，段落间的文本流中会出现非自然的空白换行，而且没有有效的方法来修正这个问题。对于这种情况，设计师的抱怨会更甚于对塌陷的抱怨（没理解，不是设计完成之后才会进行页面编码吗？－ 糖伴西红柿）。

为了防止怪异的布局和跨浏览器的问题，塌陷问题几乎总是被要处理的。我们在容器中的浮动元素之后，容器结束之前来清除浮动。

清除浮动的技术

如果你很明确的知道接下来的元素会是什么，可以使用 clear:both; 来清除浮动。这个方法很不错，它不需要 hack，不添加额外的元素也使得它有良好的语义性。当然事情并不是都可以这样解决的，工具箱中还是需要另外几个清除浮动的工具。

不同的情况需要不同的浮动清除方法。以一个具有不同样式块的网格为例。

为了从视觉上较好的把相似的块联系起来，需要在必要的地方开启新行，这里是颜色改变的地方。如果每个颜色组都有一个父元素的话，我们可以使用 overflow 或者 简单清除方法。或者，在每组之间用一个空div方法。额外的 div 之前并不存在，可以自己试试来看看哪个方法好。

浮动的问题

浮动因脆弱而饱受诟病。大多数的脆弱性来自于 IE6 及其一系列的浮动相关 bug。因为越来越多的设计师不再支持 IE6 了，你也可以不关注它了。不过对于那些要关注的人来说，这里有些大概。

• 推倒是浮动元素内的元素（大多是图片）比浮动元素本身宽造成的现象。大多数的浏览器会在浮动之外渲染图片，但是不会有伸出来的部分影响其他布局。IE 会扩展浮动来包含图片，精彩大幅度地影响布局。一个普遍的例子是突破伸出主内容之外把侧栏推到下面。
• 快速修正：确保不是图片造成这种情况，使用 overflow:hidden 来切除多余的部分。
• 双倍边距bug处理 IE6 时，另一个需要记住的事情是，如果在和浮动方向相同的方向上设置外边距(margin)，会引发双倍边距。快速修正：给浮动设置 display:inline; 而且不用担心，它依然是块级元素。
• 3像素间距是指挨着浮动元素的文本会神奇的被踢出去3像素，好像浮动元素的周围有一个奇怪的力场一样。快速修正：在受影响的文本上设置宽度或高度。
• IE7 中，底边距 bug是当浮动父元素有浮动子元素时，这些子元素的底边距会被父元素忽略掉。快速修正：用父元素的底内补白(padding)代替。

摘自：http://paranimage.com/css-float-attribute/

CSS中 clear:both;可以终结在出现他之前的浮动 CSS中 clear:both;可以终结在出现他之前的浮动

例如

<style>
.demodiv{float:left;width:100px;height:50px;background:red;margin:5px;}
.d{clear:both}
</style>
<div class="demodiv">1</div>
<div class="demodiv">2</div>
<div class="d"></div>
<div class="demodiv">3</div>
<div class="demodiv">4</div>