javascript对象查看器

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
</head>

<body>
<table border="1">
    <tr>
        <td id="td">obj</td>
    </tr>
</table>
</body>
<script language="javascript">
<!--
window.obj = {
    Name : 'lisq',
    Old : 24,
    Birthday : '1981-7-24',
    O : {
        o : {
            Name : 'lufang'
        }
    },
    F: function(){
        var i = 100
    }
}



var td = document.getElementById('td')
td.onmouseover = function(){
    Show(this.innerHTML)
}

function ao(a,aa){var ab=0;while(a!=null){ab+=a["offset"+(aa?"Left":"Top")];a=a.offsetParent}return ab}

var arrDiv = []
function Show(objDescript){
    var o
    try{
        o = eval(objDescript)
    }catch(e){
        alert(objDescript)
        alert('dead here')
        return
    }
    
    var div = document.createElement('div')
    div.style.border = 'solid 1px'
    div.style.position = 'absolute'
    if(event.srcElement == window){
        div.style.left = event.clientX
        div.style.top = event.clientY
    }else{
        div.style.left = ao(event.srcElement.parentElement, true) + 20 + 'px'
        div.style.top  = ao(event.srcElement.parentElement, false) + 20 + 'px'
    }
    for(p in o){
        if(typeof(o[p]) == 'object'){
            var descript = objDescript + '["' + p + '"]'
            div.innerHTML += '<span><a onclick=Show(\'' + descript + '\') style="cursor:hand">+</a>' + p + '</span><br />'
        }else{
            div.innerHTML += '<span>' + p + ':' + o[p] + '</span><br />'
        }
    }
    document.body.appendChild(div)
    arrDiv.push(div)
    div.onmouseout = function(){
        //this.style.display = 'none'
    }
}
//-->
</script>
</html>
posted @ 2007-02-05 10:04 布尔 阅读(466) 评论(2)  编辑 收藏

  回复  引用  查看    
#1楼 2007-02-05 10:20 | jailu      
我还以为是对象查看器，原来是这样。。。
  回复  引用  查看    
#2楼 [楼主]2007-02-05 10:42 | 布尔      
我只是简单的写一下，其实封装一下调试程序还是很方便的，敬请期待

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

闪存

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接:

最新IT新闻:
微型博客Twitter取消IM服务 称其ROI差
用手机聊Gtalk的方法以及应用总结
Google开拓美政府机构市场 微软业务受冲击
消息称苹果正在开发iTunes网络电视
微软周一开电话会议 预计将发布Silverlight2.0