一段显示对象所有属性和方法的代码，方便调试用

oolxq

于 2010-06-06 10:45:58 发布

阅读量163

点赞数 1

CC 4.0 BY-SA版权

文章标签： EXT Java HTML

本文链接：https://blog.youkuaiyun.com/oolxq/article/details/83639553

本文介绍了一个实用的JavaScript函数vardump，它可以将任意对象的信息以HTML格式展示在一个弹窗中，便于开发者快速查看对象的属性名、类型及具体值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var dump = function(obj){
	var a = "";
	for(var i in obj){
		a += "<div style='line-heigth:20px;border-bottom:1px dashed #DDDDDD;margin-bottom:10px;'>名字：[<span style='color:red'>"+i+"</span>] 类型: [<span style='color:green'>"+typeof(obj[i])+"</span>] 值：<br /><textarea style='width:630px;height:90px;'>"+obj[i] + "</textarea></div><br />";
	}

	var win = new Ext.Window({
		title: "Dom查看器",
			width: 700,
			height: 450,
			modal: false,
			closeAction: "close",
			resizable: true,
			maximizable: true,
			autoScroll: true,
			items: [
				{
					xtype: "panel",
					border: false,
					width: 640,
					html: "<pre>"+a+"</pre>"
				}
			],
			buttons: [
				{
					text: CNOA.lang.btnClose,
					bodyStyle: "padding:10px;",
					iconCls: 'icon-dialog-cancel',
					handler: function(){
						win.close();
					}
				}
			]
	}).show();
}