js 대상 의 모든 속성 과 방법 을 표시 하 는 함수

실제 효 과 를 보 려 면 먼저 속성 과 방법 을 설명 할 수 있다.그렇지 않 으 면 보이 지 않 고 자세히 내 려 다 보면 예 가 있다

function ShowObjProperty(Obj) 
{ 
var PropertyList=''; 
var PropertyCount=0; 
for(i in Obj){ 
if(Obj.i !=null) 
PropertyList=PropertyList+i+'  ：'+Obj.i+'\r
'; 
else 
PropertyList=PropertyList+i+'  \r
'; 
} 
alert(PropertyList); 
} 

45677913.오늘 인터넷 자바 탕 블 로 그 는 자바 스 크 립 트 의 한 대상 의 모든 속성 이름과 값 을 옮 겨 다 니 는 방법 을 찾 았 습 니 다.이렇게 방법 을 사용 하려 고 할 때 매우 직관 적 이 고 편리 합 니 다.코드 는 다음 과 같 습 니 다

 
<script type="text/javascript"> 
//        myObject        sitename, siteurl, sitecontent。 
var myObject = new Object(); 
myObject.sitename = "    "; 
myObject.siteurl = "blabla.cn"; 
myObject.sitecontent = "             "; 
//          
for (prop in myObject) 
{ 
document.write("   '" + prop + "'   " + myObject[prop]); 
document.write(" 
"); 
} 
</script> 

AJAX 의 JavaScript 반사 체 제 는 프로그램 이 실 행 될 때 자신의 정 보 를 얻 을 수 있 는 것 을 말 합 니 다.예 를 들 어 한 대상 이 실 행 될 때 자신 이 어떤 방법 과 속성 을 가지 고 있 는 지 알 수 있다.JavaScript 에서 for(...in...)문 구 를 이용 하여 반 사 를 실현 합 니 다.그 문법 은 다음 과 같 습 니 다.for(var p in obj){//문}Ajax 프로 그래 밍 에서 인터페이스 요소 의 스타일 을 동적 으로 바 꿀 수 있 습 니 다.이것 은 대상 의 style 속성 을 통 해 바 꿀 수 있 습 니 다.예 를 들 어 배경 색 을 빨간색 으로 바 꾸 려 면 element.style.backgroundColor="\#ff 0000"이 라 고 쓸 수 있 습 니 다.기본적으로 CSS 에서 가지 고 있 는 속성 은 JavaScript 에서 모두 사용 할 수 있 습 니 다

 
/* 
*                   
* obj         
* author: Jet Mah 
*/ 
function allPrpos ( obj ) { 
//               
var props = "" ; 
//      
for ( var p in obj ){ 
//    
if ( typeof ( obj [ p ]) == " function " ){ 
obj [ p ]() ; 
} else { 
// p      ，obj[p]        
props += p + " = " + obj [ p ] + " \t " ; 
} 
} 
//           
alert ( props ) ; 
} 

전체 style 대상 을 매개 변수 로 전달 합 니 다

 
function setStyle(_style){ 
//             
var element=getElement(); 
element.style=_style; 
} 

이 때 함 수 를 이렇게 호출 할 수 있 습 니 다:setStyle(style).또는 setStyle({color:\#ffff,backgroundColor:\#ff 0000,border Width:2px})이 라 고 직접 쓰 십시오.이 코드 는 아무런 문제 가 없어 보이 지만,실제로 setStyle 함수 내부 에서 매개 변 수 를 사용 합 니 다style 이 element.style 에 값 을 부여 할 때 element 가 원래 일정한 스타일 이 있 었 다 면:element.style.height="20px"를 실행 한 적 이 있 습 니 다.그리고style 에는 height 에 대한 정의 가 포함 되 어 있 지 않 기 때문에 element 의 height 스타일 은 최초 로 원 하 는 결과 가 아 닙 니 다.이 문 제 를 해결 하려 면 반사 메커니즘 으로 setStyle 함 수 를 다시 쓸 수 있 습 니 다.style 의 모든 속성 은 속성 이름 을 얻 은 다음 에 괄호 문법 을 사용 하여 element.style 에 대응 하 는 속성 값 을 로 할당 합 니 다.style 의 해당 속성의 값 입 니 다.따라서 element 에 서 는 지정 한 스타일 만 바 꾸 고 다른 스타일 은 바 뀌 지 않 으 며 원 하 는 결 과 를 얻 었 습 니 다.^-^