js 运用json 简单封装
日期：2014-05-16 浏览次数：20352 次
js 使用json 简单封装
?
<html>
<title>无标题文档</title>
</head>
<body>
<div id="div">点击我</div>
<span></span>
<span></span>
<span></span>
</body>
<script type="text/javascript">
fn = {
$i:function(id) {
return document.getElementById(id);
},
$tag:function(tagname){
return document.getElementsByTagName(tagname);
}
}
alert(fn.$i("div").innerHTML); (fun.$i("div") 与 fn['$i']("div") （类似键值关系）所代表的是一样的效果 只是写法不同)
alert(fn['$i']("div").innerHTML);
fn["$i"]("div").onclick=function(){
for(var i = 0 ; span = fn.$tag("span") , i<span.length;i++) {
span[i].id = "span_"+i;
fn.$i("span_"+i).innerHTML="第"+i+"个span<br>";
}
}
</script>
</html>
如果想把页面上面的json 让js可以直接使用的话 那么 我们将用eval对象来将字符的转变成js能认识的json数据
<body>
<div id="div">fn = {
$i:function(id) {
return document.getElementById(id);
},
$tag:function(tagname){
return document.getElementsByTagName(tagname);
}
}
</div>
<span></span>
<span></span>
<span></span>
</body>
<script type="text/javascript">
eval(document.getElementById('div').innerHTML);
for(f in fn ) {
alert(fn[f]); （将会输出2条数据 function{return document.getElementById(id)} ,function(tagname) {return document.getElementsByTagName(tagname);）
}
}
</script>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
