JavaScript对象反射用法实例


Posted in Javascript onApril 17, 2015

本文实例讲述了JavaScript对象反射用法。分享给大家供大家参考。具体如下:

这里讲述JavaScript对象反射用法,涉及反射DOM对象和自定义对象

<html>
<head>
<title>JavaScript反射工具</title>
<style type="text/css">
#show{
width:400px;height:300px;
border:red solid 1px;
overflow:scroll;
}
#main{
width:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
</style>
<script type='text/javascript'>
//生成选择的反射对象并反射
function SwitchObj(){
 var obj;
 var switchobj=document.getElementById('selects');
 if(switchobj.value=="op_div"){
      obj=document.createElement("div");
  }
 if(switchobj.value=="op_select"){
      obj=document.createElement("select");
  }
 if(switchobj.value=="op_p"){
      obj=document.createElement("p");
  }
 if(switchobj.value=="op_span"){
      obj=document.createElement("span");
  }
 if(switchobj.value=="op_table"){
      obj=document.createElement("table");
  }
 if(switchobj.value=="op_tr"){
      obj=document.createElement("table");
  }
 if(switchobj.value=="op_window"){
      obj=document.createElement("window");
  }
 if(switchobj.value=="op_document"){
      obj=document.createElement("document");
  }
 Assembly(obj);
}
//反射对象
function Assembly(obj){
  var order=0;
  if(obj){
    var assstr="反射对象:"+obj.tagName+"<br/>"
    for(key in obj){
      order++;
      assstr+=order+"----"+key+"<br/>";
    }
    Show(assstr);
  }
}
//将反射信息输出
function Show(msg){
  var showobj=document.getElementById('show');
  if(showobj){
    showobj.innerHTML="";
    showobj.innerHTML=msg;
   }
}
</script>
</head>
<body>
<div id="main">
<h1>JavaScript反射工具</h1>
<div id="show"></div>
<input type="button" id="btn_assembly" value="反射" 
onclick="SwitchObj('select');" />
<select id="selects">
<option value='op_div'>div</option>
<option value='op_p'>p</option>
<option value='op_span'>span</option>
<option value='op_table'>table</option>
<option value='op_select'>select</option>
<option value='op_document'>document</option>
<option value='op_window'>window</option>
</select>
</div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
非常不错的一个javascript 类
Nov 07 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
两种简单的跨域方法(jsonp、php)
Jan 02 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
深入分析Javascript跨域问题
Apr 17 #Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 #Javascript
JavaScript中split() 使用方法汇总
Apr 17 #Javascript
javascript模拟命名空间
Apr 17 #Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 #Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 #Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 #Javascript
You might like
一个ubbcode的函数,速度很快.
2006/10/09 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
php简单生成随机数的方法
2015/07/30 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
JS选项卡动态替换banner图片路径的方法
2015/05/11 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
使用pdb模块调试Python程序实例
2015/06/02 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
python 自动批量打开网页的示例
2019/02/21 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Django框架自定义session处理操作示例
2019/05/27 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
python3的pip路径在哪
2020/06/23 Python
Matplotlib配色之Colormap详解
2021/01/05 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
最新会计专业求职信范文
2014/01/28 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
中文专业毕业生自荐信
2014/05/24 职场文书
留学推荐信怎么写
2015/03/26 职场文书
2015年公司工作总结
2015/04/25 职场文书
人生一定要学会的三样东西:放下、忘记、珍惜
2019/08/21 职场文书
详解Java实践之抽象工厂模式
2021/06/18 Java/Android