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实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
webpack多页面开发实践
Dec 18 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
vue+canvas实现拼图小游戏
Sep 18 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
php 获得汉字拼音首字母的函数
2009/08/01 PHP
如何用PHP实现插入排序?
2013/04/10 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
微信小程序接入vant Weapp组件的详细步骤
2020/10/28 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
Python实现购物程序思路及代码
2017/07/24 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
商务英语应届生自我鉴定
2013/12/08 职场文书
经理秘书找工作求职信
2013/12/19 职场文书
会计人员演讲稿
2014/09/11 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
家属慰问信
2015/02/14 职场文书
python实现网络五子棋
2021/04/11 Python
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技