javascript对象查看器
时间:2022-04-23
本文章向大家介绍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>
- 如何修改CM及CDH元数据库配置
- 如何实现CDH元数据库MySQL的高可用
- 如何实现CDH元数据库MySQL的主主互备
- 在Kerberos环境使用Hue通过Oozie执行Sqoop作业报错异常分析
- 如何在Hue中配置已启用SSL的HttpFS服务
- 如何使用Nginx实现CDSW的跨网段访问
- 7.如何在OpenLDAP中实现将一个用户添加到多个组
- 如何使用java代码通过JDBC访问Sentry环境下的Hive
- 如何为HttpFS服务配置SSL
- 如何使用Java访问集成OpenLDAP并启用Sentry的Impala和Hive
- 如何向Hive表加载数据
- 如何使用Spark Streaming读取HBase的数据并写入到HDFS
- Hive Load本地数据文件异常分析
- 使用Java代码通过JDBC连接只启用Sentry的Impala异常分析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- [ 物联网篇 ] 28 - Linux ES7210 Driver 调试
- [ 利器篇 ] - Microsoft Surface Pro 系列安装 Ubuntu 16.04 系统
- 如何优雅的打造 All-in One 仓库
- matplotlib绘图教程:设置标签与图例
- 企业是如何从头开发一个商业项目的?
- 基于Haproxy的高可用实战
- 组复制常规操作-分布式恢复 | 全方位认识 MySQL 8.0 Group Replication
- 赞!7000 字学习笔记,MySQL 从入到放弃
- 面试官问我Volatile的原理?从操作系统层面的设计怼回去!
- 设计原则之单一职责
- 设计原则之开闭原则
- SpringBoot执行跨域处理
- SpringBoot对全局异常的处理封装
- 自定义springboot-starter揭秘自动配置骚操作
- 【大厂面试题】Redis中是如何实现分布式锁的?