1. javascript的with
当你有一个对象的多个属性或者方法需要操作时,就可以使用with简化代码操作
<script type="text/javascript">
var o=document.createElement("div");
with(o){
style.cursor="pointer";
style.zIndex="100";
innerHTML="aaaa";
}
document.body.appendChild(o);
</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版本:
getOffset= function(e) {
var to = new Object();
var obj = $(e);
var offset = obj.offset();
to.left = offset.left;
to.top = offset.top;
to.right = offset.left + obj.width();
to.bottom = offset.top + obj.height();
return to;
}
js版本:
getOffset=function(o){
var to=new Object();
to.left=to.right=to.top=to.bottom=0;
var twidth=o.offsetWidth;
var theight=o.offsetHeight;
while(o!=document.body){
if(o.offsetParent==null){
break;
}
to.left+=o.offsetLeft;
to.top+=o.offsetTop;
o=o.offsetParent;
}
to.right=to.left+twidth;
to.bottom=to.top+theight;
return to;
}
4. call 方法
调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容)。
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
参数
thisObj
可选项。将被用作当前对象的对象。
arg1, arg2, , argN
可选项。将被传递方法参数序列。
说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
<input type="text" id="myText" value="input text">
<script>
function Obj(){this.value="对象!";}
var value="global 变量";
function Fun1(){alert(this.value);}
window.Fun1(); //global 变量
Fun1.call(window); //global 变量
Fun1.call(document.getElementById('myText')); //input text
Fun1.call(new Obj()); //对象!
</script>
var first_object = {
num: 42
};
var second_object = {
num: 24
};
function multiply(mult) {
return this.num * mult;
}
multiply.call(first_object, 5); // returns 42 * 5
multiply.call(second_object, 5); // returns 24 * 5
5. bind方法
<script type="text/javascript">
var first_object = {
num: 42
};
var second_object = {
num: 24
};
function multiply(mult) {
return this.num * mult;
}
Function.prototype.bind = function(obj) {
var method = this,
temp = function() {
return method.apply(obj, arguments);
};
return temp;
}
var first_multiply = multiply.bind(first_object);
first_multiply(5); // returns 42 * 5
var second_multiply = multiply.bind(second_object);
second_multiply(5); // returns 24 * 5
</script>
5. JSON.stringify以及JSON.parse
json格式对象和字符串转换函数
var str = ' { " name " : " xskow " , " age " : 23 } ';
JSON.parse(str);
6. Javascript对象判断
比较准确的判断如下:
if(obj.constructor == Array) {
alert('这是一个数组');
}
//主要类型如下:Object / Array / Function / String / Number / Boolean
分享到:
相关推荐
网页常用Javascript经典代码收集
本文档收集的是JavaScript的常用的属性与方法操作的的集合。
web前端javascript常用的的公共处理函数大全,性能较好。
js常用判断 搜集网络上零碎的js代码 比较全的javascript代码
收集了js常用函数,比较全面,实用。方便网络开发者查阅。
JavaScript常用函数数、常用正则表达式收集___下载.zip
JavaScript经典代码收集,个人收集的经典常用的JavaScript代码
NULL 博文链接:https://12345678.iteye.com/blog/684864
最常用的JavaScript语句,收集的100多个,实用
工作中常用的javascript脚本,网上收集和自己写的一些脚本,非常实用的.
JavaScript常用技巧,自己收集的,写的比较全,一看就懂!
本文收集了大量的Javascript各种校验代码,共23页
收集了107种在javascript编码中经常用到的代码,实用性非常强,值得收藏哦!
里面是一些我平常收集的一些javascript特奖,包括菜单伸缩、切换、级联、图片的展示等等。
我从其他网上搜集的,听管用的,谢谢 里面有关javascript常用的function 不要错过啊
收集了一些JavaScript的资料包括Javascript 实现无刷新联动菜单、用Javascript实现无刷新更新数据等
常用的js脚本收集 为网页设计提供方便 为txt文本格式自己可以复制使用
一段Javascript代码,有时会给开发带来很妙的效果。 开发中总结的 Javascript中最常用的130个经典技巧 本人在网上搜集的一些技巧 以及在开发中同事和我总结部分问题的汇总,希望对大家有用
是网上收集来的JavaScript的常用方法的集合,比较实用,但是由于JavaScript是容易出错的地方,而里面的方法我并没有全部验证其正确性,所以希望大家能真正去运行一下。希望能给大家带来帮助。
该书收集了开发中常用的一些javascript特效,能为你的程序增色不少哦!