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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
微信小程序实现刷脸登录
May 25 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 Javascript
深入分析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
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
javascript的键盘控制事件说明
2008/04/15 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
理解javascript正则表达式
2016/03/08 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
物流仓储实习自我鉴定
2013/09/25 职场文书
趣味运动会广播稿
2014/09/13 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
农业生产宣传标语
2014/10/08 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
批评与自我批评总结
2014/10/17 职场文书
家长会后的感想
2015/08/11 职场文书
趣味运动会标语口号
2015/12/26 职场文书