日期:2014-05-16  浏览次数:20423 次

Javascript常用收集

1.?javascript的with

?

当你有一个对象的多个属性或者方法需要操作时,就可以使用with简化代码操作
Js代码 ?收藏代码
  1. <script?type= "text/javascript" >??
  2. var ?o=document.createElement( "div" );??
  3. with (o){??
  4. ????style.cursor="pointer" ;??
  5. ????style.zIndex="100" ;??
  6. ????innerHTML="aaaa" ;??
  7. }??
  8. document.body.appendChild(o);??
  9. </script>??
?
2.  JavaScript中的arguments, callee, caller 






原文来自http://www.cnblogs.com/jyzjh/articles/1374851.html

?

javascript中函数的隐含参数: arguments ?

Arguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数

function:选项。当前正在执行的 Function 对象的名字。?
n :选项。要传递给 Function 对象的从0开始的参数值索引。说明Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。

?

caller
返回一个对函数的引用,该函数调用了当前函数。
??? functionName.caller?
??? functionName 对象是所执行函数的名称。
说明
对于函数来说,caller属性只有在函数执行时才有定义。如果函数是由顶层调用的,那么 caller包含的就是 null 。如果在字符串上下文中使用 caller属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本。

?

callee??? 返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。[function.]arguments.callee可选项 function参数是当前正在执行的 Function对象的名称。说明callee属性的初始值就是正被执行的 Function 对象。callee属性是 arguments 对象的一个成员,它表示对函数对象本身的引用,这有利于匿名
函数的递归或者保证函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性
仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性,这个属性有时候
用于验证还是比较好的。arguments.length是实参长度,arguments.callee.length是
形参长度,由此可以判断调用时形参长度是否和实参长度一致。

?

3. 获取元素坐标(随便记录一下大概实现方法)

jquery版本:

Js代码 ?收藏代码
  1. getOffset=? function (e)?{??
  2. ????var ?to?=? new ?Object();??
  3. ????var ?obj?=?$(e);??
  4. ????var ?offset?=?obj.offset();??
  5. ????to.left?=?offset.left;??
  6. ????to.top?=?offset.top;??
  7. ????to.right?=?offset.left?+?obj.width();??
  8. ????to.bottom?=?offset.top?+?obj.height();??
  9. ????return ?to;??
  10. }??
?

?

js版本:

Js代码 ?收藏代码
  1. getOffset= function (o){??
  2. ????var ?to=