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 相关文章推荐
常用js脚本
Dec 03 Javascript
pjblog中的UBBCode.js
Apr 25 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
Aug 25 Javascript
vue-cli监听组件加载完成的方法
Sep 07 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
Vue发布订阅模式实现过程图解
Apr 30 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
AJAX学习笔记
May 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语法(1)
2006/10/09 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
php输出xml格式字符串(用的这个)
2012/07/12 PHP
php伪静态之APACHE篇
2014/06/02 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
可插入图片的TEXT文本框
2013/12/27 Javascript
js表单验证实例讲解
2016/03/31 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
vue实现购物车列表
2020/06/30 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
跟老齐学Python之变量和参数
2014/10/10 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
python中PS 图像调整算法原理之亮度调整
2019/06/28 Python
Python中base64与xml取值结合问题
2019/12/22 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
简单了解django文件下载方式
2020/02/10 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
新闻编辑求职信
2014/07/13 职场文书
教师业务学习材料
2014/12/16 职场文书
书法社团活动总结
2015/05/07 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
Window server中安装Redis的超详细教程
2021/11/17 Redis