JS当前属性查询实现代码

单页面下载

网站标题

#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;
}

function getObject() {
var chkNull = document.getElementById('chkNull');
eval('var obj=' + document.getElementById('txt').value + ';');
var str = '

';
str += '

';
for (var i in obj) {
var strItem = '

';
try {
if(chkNull.checked && (obj[i] == null || obj[i] == undefined)){
continue;
}

strItem += '

';

if (obj[i] != null && typeof (obj[i]) == 'object') {
strItem += '

';
}
else {
strItem += '

';
}

if (obj[i] != null && (typeof (obj[i]) == 'string' || typeof (obj[i]) == 'function')) {
strItem += '

';
}
else {
strItem += '

';
}

strItem += '

';
} catch (e) {
strItem = '

';
}
str += strItem;
}
str += '

类型 名称 值
' + typeof (obj[i]) + ' ' + i + ' ' + i + ' ' + formatHTML(obj[i]) + ' ' + obj[i] + '
' + i + ' error:' + e + '

';

var div1 = document.getElementById('div1');
div1.innerHTML = str;
var bs = div1.getElementsByTagName('b');
for (var i = 0; i 10000) {
return '字符长度：' + strHTML.length + '字节';
}
strHTML = strHTML.replace(/&/g, '&');
strHTML = strHTML.replace(//g, '>');
strHTML = strHTML.replace(/\n/g, '
');
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;
}
}

function show() {
var txt = document.getElementById('txt');
var r = /^\+?[0-9][0-9]*$/; //正整数
if (r.test(this.innerHTML)) {
txt.value += '[' + this.innerHTML + ']';
}
else {
txt.value += '.' + this.innerHTML;
}
getObject();
}

屏蔽空值

getObject();

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

打包下载

赞 (0)

相关推荐

  • JS当前属性查询实现代码

    单页面下载 网站标题 #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; } function

  • 简单封装js的dom查询实例代码

    最近一直在啃犀牛书,有感,于是写了个简单的js的dom查询 $ = function (val) { switch(val.charAt(0)) { case '#' : return document.getElementById(val.substring(1)); break; case '.' : val = val.replace('.',''); if(document.getElementsByClassName) return document.getElementsByClas

  • js对象属性名驼峰式转下划线的实例代码

    一.题目示例: 思路: 1.匹配属性名字符串中的大写字母和数字 2.通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置 3.判断大写字母的位置是否为首位置以及lastIndex是否为0,为0则表示匹配结束 4.将存放位置的数组进行从小到大排序,排序后将属性名按照字符串的slice方法切割并使用下划线重组 5.遍历对象的属性名并使用函数改变为新的命名,从新赋值到新的对象上(也可以使用改变对象的ES6新语法) 6.注意,每次在调用函数后,需要清空之前存放位置的数组 二.实现代码 le

  • 浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处

    [JS对象属性的查询和设置] 可以通过点(.) 或 方括号([]) 运算符来获取属性的值.运算符左侧应当是一个表达式,它返回一个对象.对于点(.)来说,右侧必须是一个以属性名称命名的简单标识符.对于方括号([])来说,方括号里必须是一个计算结果为字符串的表达式,这个字符串就是属性的名字: <script type="text/javascript"> var author = book.author; //得到book的"author"属性 var na

  • Bootstrap jquery.twbsPagination.js动态页码分页实例代码

    Bootstrap jquery.twbsPagination.js动态页码分页实例代码

    Bootstrap风格的分页控件自适应的: 参考网址:分页参考文档 1.风格样式: 2.首先引入js文件jQuery.twbsPagination.js <span style="font-size:14px;"><script type="text/javascript" src="plugins/page/jquery.twbsPagination.js"></script></span> 3.

  • JS 实现Json查询的方法实例

    其实很简单,我这部分代码,前一部分是简单的实现如何使用JS写模板,第二个就是具体的实现了JSON查询的一个扩展. 以后查询Json就有了利器了. 复制代码 代码如下: /*         * 定义模板函数        */        var template = function (queryArr) { var count = 0; for (var i = 0; i < queryArr.length; i++) { var e = queryArr[i]; if ($express

  • 基于js实现投票的实例代码

    基于js实现投票的实例代码

    本文实例讲述了JavaScript实现三种投票方式的实现方法,分享给大家供大家参考.具体如下: 一.js柱状投票图 效果图: 实现代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

  • 一个简单的动态加载js和css的jquery代码

    一个简单的动态加载js和css的jquery代码,用于在生成页面时通过js函数加载一些共通的js和css文件. //how to use the function below: //$.include('file/ajaxa.js');$.include('file/ajaxa.css'); //or $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(only if .js and .css files are in the

  • 使用变量动态设置js的属性名

    目标:js的属性名可以使用变量 举例:js对象object,当赋给该对象属性的时候可以采用以下方式 复制代码 代码如下: var object; object.prop1 = "value1"; object.prop2 = "value2"; 也可以采用如下方式: 复制代码 代码如下: object.push({prop1:"value1"}); object.push({prop2:"value2"}); 在这里prop1

  • JS Attribute属性操作详解

    Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍. attributes:获取一个属性作为对象 getAttribute:获取某一个属性的值 setAttribute:建立一个属性,并同时给属性捆绑一个值 createAttribute:仅建立一个属性 removeAttribute:删除一个属性 getAttributeNode:获取一个节点作为对象 setAttributeNode:建立一个节点 removeAttributeNode:删除一个节点 a

随机推荐