显⽰js对象所有属性和⽅法的函数
function ShowObjProperty(Obj)
{
var PropertyList='';
var PropertyCount=0;
for(i in Obj){
if(Obj.i !=null)
PropertyList=PropertyList+i+'属性:'+Obj.i+'\r\n';
else
PropertyList=PropertyList+i+'⽅法\r\n';
}
alert(PropertyList);
}
代码如下:
<script type="text/javascript">
// 创建⼀个对象 myObject 以及三个属性 sitename, siteurl, sitecontent。
var myObject = new Object();
myObject.sitename = "布啦布啦";
myObject.siteurl = "blabla";
myObject.sitecontent = "⽹页教程代码图库的中⽂站点";
//遍历对象的所有属性
for (prop in myObject)
{
document.write("属性 '" + prop + "' 为 " + myObject[prop]);
document.write("
");
}
</script>
今天⽹上Java Tang博客到了⼀个⽤来遍历JavaScript某个对象所有的属性名称和值的⽅法,这样想使⽤⽅法的时候⾮常的直观和⽅便。代码如下:
}
}
// 最后显⽰所有的属性
ajax实例里面的函数alert ( props ) ;
}
AJAX的JavaScript的反射机制,反射机制指的是程序在运⾏时能够获取⾃⾝的信息。例如⼀个对象能够在运⾏时知道⾃⼰有哪些⽅法和属性。在JavaScript中利⽤for(…in…)语句实现反射,其语法如下:
for(var p in obj){
//语句
}
在Ajax编程中,经常要能动态的改变界⾯元素的样式,这可以通过对象的style属性来改变,⽐如要改变背景⾊为红⾊,可以这样写:element.style.backgroundColor="#ff0000";
这时可以这样调⽤函数:
setStyle(style);
或者直接写为:
setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
这段代码看上去没有任何问题,但实际上,在setStyle函数内部使⽤参数_style为element.style赋值时,如果element原先已经有了⼀定的样式,例如曾经执⾏过:
element.style.height="20px";
程序中遍历_style的每个属性,得到属性名称,然后再使⽤⽅括号语法将element.style中的对应的属性赋值为_style中的相应属性的值。从⽽,element中仅改变指定的样式,⽽其他样式不会改变,得到了所要的结果。^-^
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论