软件开发培训班 >> 编程开发 >> JavaScript

JS当前属性查询实现代码

　　本文标签：属性

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>网站标题</title> 
<style type="text/css"> 
#div1 .bObject 
{ 
cursor:pointer; 
color:Blue; 
} 
#div1 .bError 
{ 
color:Red; 
} 
#div1 div 
{ 
margin-left:20px; 
border:solid 1px gray; 
padding:5px; 
} 
#div1 th 
{ 
text-align:left; 
background-color:#fef; 
} 
#div1 td 
{ 
vertical-align:top; 
} 
</style> 
<script type="text/javascript"> 
function getObject() { 
var chkNull = document.getElementById(chkNull); 
eval(var obj= + document.getElementById(txt).value + ;); 
var str = <table border="1" cellpadding="3" style="border-collapse:collapse;">; 
str += <tr><th>类型</th><th>名称</th><th>值</th></tr>; 
for (var i in obj) { 
var strItem = <tr>; 
try { 
if(chkNull.checked && (obj[i] == null || obj[i] == undefined)){ 
continue; 
}

strItem += <td> + typeof (obj[i]) + </td>;

if (obj[i] != null && typeof (obj[i]) == object) { 
strItem += <td><b class="bObject"> + i + </b></td>; 
} 
else { 
strItem += <td><b> + i + </b></td>; 
}

if (obj[i] != null && (typeof (obj[i]) == string || typeof (obj[i]) == function)) { 
strItem += <td> + formatHTML(obj[i]) + </td>; 
} 
else { 
strItem += <td> + obj[i] + </td>; 
}

strItem += </tr>; 
} catch (e) { 
strItem = <tr><td class="bError" colspan="3"> + i +  error: + e + </td></tr>; 
} 
str += strItem; 
} 
str += </table>;

var div1 = document.getElementById(div1); 
div1.innerHTML = str; 
var bs = div1.getElementsByTagName(b); 
for (var i = 0; i < bs.length; i++) { 
if (bs[i].className == bObject) { 
bs[i].onclick = show; 
} 
} 
}

function formatHTML(obj) { 
var strHTML = obj.toString(); 
if (strHTML.length > 10000) { 
return 字符长度： + strHTML.length + 字节; 
} 
strHTML = strHTML.replace(/&/g, &); 
strHTML = strHTML.replace(/</g, <); 
strHTML = strHTML.replace(/>/g, >); 
strHTML = strHTML.replace(/\n/g, <br>); 
strHTML = strHTML.replace(/\t/g,     ); 
strHTML = strHTML.replace(/ /g,  ); 
return strHTML; 
}

function goUp() { 
var txt = document.getElementById(txt);

if (txt.value.lastIndexOf(]) == txt.value.length - 1) { 
txt.value = txt.value.substr(0, txt.value.lastIndexOf([)); 
getObject(); 
return; 
} 
if (txt.value.indexOf(.) != -1) { 
txt.value = txt.value.substr(0, txt.value.lastIndexOf(.)); 
getObject(); 
return; 
} 
}

技术文章快速查找

图片友情链接滚动横向,带控制按钮

用JS将搜索的关键字高亮显示实现代码

在IE模态窗口中自由查看HTML源码的方法

javascript 清空form表单中某种元素的值

js下判断 iframe 是否加载完成的完美方法

IE FF OPERA都可用的弹出层实现代码

function foo的原型与prototype属性解惑

Jquery操作js数组及对象示例代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建