• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

JavaScript对象反射示范代码

JavaScript 水墨上仙 1412次浏览

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对象反射示范代码
喜欢 (0)
加载中……