스 크 립 트 alert 인쇄 대상 구조
1. 새로운 js 라 이브 러 리 속성
2 어떤 DOM 대상 의 속성 알 아 보기
API 를 뒤 져 보 거나 alert 나 다른 로그 구성 요 소 를 사용 합 니 다.alertObj 는 이러한 구성 요소 입 니 다.
alertObj 는 대상 의 속성 을 인쇄 하 는 아주 작은 js 방법 입 니 다.
당신들 프로젝트 의 JS 유 니 버 설 도구 류 에 (항목 마다 있 을 거 라 고 생각 합 니 다) 이 방법 을 추가 하면 언제든지 호출 할 수 있 습 니 다.
장점 은 작고 편리 하 다 는 것 이다. 그렇게 많은 로그 구성 요 소 를 사용 하고 싶 지 않다 는 것 이다. alertObj 는 하나의 방법 일 뿐 페이지 요소 의 지원 이 필요 하지 않다.
alertObj, alert 방법 을 극치 로 사용 합 니 다.alertObj 는 전통 적 이 고 간단 하지 않다.
실례:
<html>
<script>
/*
，
15 ， ，
@JSON JSON
JSON ：
@obj:
@key: ， ( )
@tab: 。
@title: ，
@showFun: false
*/
var alertObj=function(JSON){
JSON = JSON||{};
if(!!JSON.obj===false){
JSON = {obj:JSON};
}
var aObj = JSON.obj||{};//
var key = JSON.key ||"";//
var tab =JSON.tab ||"";//
var title =JSON.title ||" ";//
var showFun = JSON.showFun || false;// false
//TODO
var propertys = [];
for(var o in aObj){
// ， 。
if(!!key===false || (!!key===true && (o+"").toLowerCase().indexOf(key)>=0) ){
propertys.push(o);
}
}
propertys.sort();
var len = propertys.length;
var index = 1;
var max =20;// max ( alert )
var v = title+":
";
for(var i in propertys){
var o = propertys[i];
if(typeof(aObj[o])!=="object" && typeof(aObj[o])!=="function" ){
v+=(tab+"-"+o+"："+aObj[o]+"
");
}else if(typeof(aObj[o])=="function"){
if(showFun!=true){
v+=(tab+"+"+o+"：[function]
");
}else{
v+=(tab+"+"+o+"："+aObj[o]+"
");
}
}else{
v+=(tab+"+"+o+"：[object]
");
}
if(index++%max==0){
alert(v);
//
v = title+Math.ceil(index/max)+":
"; ;// ，
}
}
if(len%max!=0 || len==0){// | len=0
alert(v);
}
//alert("len = "+len+",max ="+max+","+len%max);
}
function test(){
// dom
alertObj(window);
alertObj({obj:window,key:"load",title:"window load "});
// js
var perosn = {Name:"abc",age:123,son:{Name:"xx",age:23,cry:function(){alert(' ， ');}}};
// js
alertObj({obj:perosn,tab:"#",title:"person "});
alertObj({obj:perosn.son,title:"persond son "});
alertObj({obj:perosn.son,title:"persond son ( )",showFun:true});
}
</script>
<body>
<input type="button" value="test" onclick="test()" >
</body>
</html>첨부 파일 은 효과 도와 인 스 턴 스 입 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
