집 > 기사 > 웹 프론트엔드 > JS 가젯의 여러 속성의 합은 특정 값을 초과할 수 없습니다._javascript 팁

JS 가젯의 여러 속성의 합은 특정 값을 초과할 수 없습니다._javascript 팁

WBOY원래의: 2016-05-16 18:45:301133검색

가장 유명한 예는 삼국지와 태극에서 새로운 장군에게 속성 값을 할당하는 것입니다.
그런 기능을 만들기 위해 자바스크립트를 사용했는데, 그런데 링크의 밑줄을 숨겼습니다.
모두 살펴보세요. 더 나은 최적화 제안이 있으면 언제든지 언급해 주세요.
다음은 코드입니다.
첫 번째는 test.html입니다.

코드 복사 코드는 다음과 같습니다.

 
 새 문서  
 
 설명" CONTENT=""> 
 
<테이블> 
 
< td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1">div align= "right">사용자 이름

< td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"> "center">

;

+< ;/font>

< div align="center"> -< ;/font>

meili

＋

-< ;/font>

link.css:

코드 복사 코드는 다음과 같습니다.

.A {

text-transform: none 
 text-장식: 없음 
} 
.a:hover { 
text -장식: 밑줄 
} 

 
마지막으로 util.js(이 코드는 꽤 깁니다) : 

코드 복사 코드는 다음과 같습니다.

 
var flag=false; 
function add(formname){ 
if (formname.username.value == "") { 
alert("양의 정수를 입력하세요."); 
formname.username.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false; >} 
if(parseInt(formname.username.value)>0){ 
formname.username.value =parseInt(formname.username.value) 
if(parseInt(formname.username. value)parseInt(formname.meili.value)>10){ 
alert("입력한 정수의 합은 10보다 크지 않아야 합니다.") 
formname.username.value =10-parseInt(formname .meili.value ); 
return false; 
}else 
return true; 
}else{ 
alert("입력된 정수는 0보다 커야 합니다."); .username.value =1 ; 
return false; 
} 
} 
함수 subtration(formname){ 
if (formname.username.value == "") { 
alert ("양수를 입력하세요"); 
formname.username.focus(); 
return false 
} 
flag = checkscope(formname) 
if(flag==false; ){ 
return false; 
} 
if(parseInt(formname.username.value)>1){ 
formname.username.value =parseInt(formname.username.value)-1; 
if(parseInt (formname.username.value)parseInt(formname.meili.value)>10){ 
alert("입력된 정수의 합은 10을 초과할 수 없습니다."); formname.username.value =10-parseInt( formname.meili.value); 
return false; 
}else 
return true 
}else if(parseInt(formname.username.value) =1){ 
alert(" 이미 최소값이므로 더 이상 줄일 수 없습니다."); 
return false 
}else{ 
alert("입력된 정수는 1보다 커야 합니다. "); 
formname.username.value =1; 
return false; 
} 
} 
function add2(formname){ 
if (formname.meili.value == " ") { 
alert("양의 정수를 입력하세요."); 
formname.meili.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false ; 
} 
if(parseInt(formname.meili.value)>0){ 
formname.meili.value =parseInt(formname. meili.value) 1; 
if(parseInt(formname .username.value)parseInt(formname.meili.value)>10){ 
alert("입력된 정수의 합은 10보다 클 수 없습니다. "); 
formname.meili.value =10-parseInt(formname.username.value); 
false 반환; 
}else 
true 반환; 
}else{ 
alert ("입력한 정수는 0보다 커야 합니다."); 
formname.meili.value=1; 
return false 
} 
} 
function subtration2(formname){ 
 if (formname.meili.value == "") { 
alert("양의 정수를 입력하세요") 
formname.meili.focus() 
return false; >flag = checkscope(formname); 
if(flag==false){ 
return false 
} 
if(parseInt(formname.meili.value)>1){ 
 formname.meili.value =parseInt(formname.meili.value)-1; 
 if(parseInt(formname.username.value)parseInt(formname.meili.value)>10){ 
alert("The 입력한 정수의 합은 10보다 크지 않아야 합니다."); 
formname.meili.value =10 -parseInt(formname.username.value); 
return false; 
}else 
return true ; 
}else if(parseInt(formname.meili.value) ==1){ 
 Alert("이미 최소값이므로 더 이상 줄일 수 없습니다.") 
return false; }else{ 
alert("입력된 정수는 1보다 커야 합니다."); 
formname.meili.value =1 
return false 
} 
function checkscope; (formname){ 
if((parseInt(formname.username.value)>9)||(parseInt(formname .username.value)<1)){ 
alert("사용자 이름 입력 수가 다음을 초과합니다. 허용 범위 1-9"); 
formname.username.value=1; 
formname.username.focus( ); 
return false; 
} 
if((parseInt(formname. meili.value)>9)||(parseInt(formname.meili.value)<1)){ 
 Alert("meili 입력 번호가 허용 범위 1-9를 초과합니다." 
formname.meili .value=1; 
formname.meili.focus(); 
return false; 
} 
return 
} 

 
 같은 폴더에 넣은 다음 효과를 시도해 보세요. 절대로 거짓말을 하는 것이 아닙니다.

성명：

이전 기사：jQuery 애니메이션 효과 데모_jquery다음 기사：jQuery 애니메이션 효과 데모_jquery

JS 가젯의 여러 속성의 합은 특정 값을 초과할 수 없습니다._javascript 팁

관련 기사