<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>