> 웹 프론트엔드 > JS 튜토리얼 > 일반적으로 사용되는 Javascript 기능_javascript 기술

일반적으로 사용되는 Javascript 기능_javascript 기술

WBOY
풀어 주다: 2016-05-16 19:22:55
원래의
965명이 탐색했습니다.

입사 후 제가 일했던 프로젝트 팀에서는 클라이언트측 소프트웨어를 개발했는데, 소프트웨어 인터페이스는 WEB 인터페이스를 사용했기 때문에 입사 후 프로젝트 팀에서는 클라이언트 개발을 많이 했습니다. -side 소프트웨어이고, 소프트웨어 인터페이스는 WEB 인터페이스를 사용하여 반영하였기에 Javascript를 많이 사용하여 제가 작성한 일반적인 JS 기능을 정리했습니다 :)

/*브라우저 버전 확인*/
var w3c=(document.getElementById )? true: false
var agt=navigator.userAgent.toLowerCase()
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera" ) == -1) && (agt.indexOf("omniweb") == -1))
var ie5=(w3c && ie)? true : false; var ns6=(w3c && (navigator .appName=="Netscape"))? true: false
var op8=(navigator.userAgent.toLowerCase().indexOf("opera")==-1)? :true;

function Ob(o){//객체 가져오기
return document.getElementById(o)?document.getElementById(o):o;
}

function IsSubStr(p,s){ //하위 문자열인지 확인
return (p.indexOf(s)>-1)
}

function Hd(o){/ /객체 숨기기
Ob(o).style.display="none";
}

function Sw(o){//객체 표시
Ob(o).style .display="block" ;
}
함수 Sw2(o){//객체 표시
Ob(o).style.display="";
}

function Sf(o, s,b){
//이 함수는 동일한 양식을 공유하는 여러 버튼에 사용됩니다. 여기서: o는 양식의 ID입니다. b는 숨겨진 입력의 ID입니다(해당 값은 나중에 제공됩니다). 사용자 제출 작업 유형 결정) s는 사용자 제출 작업 유형
Ob(b).value=s
Ob(o).submit()

함수 ExChgCls(o,a,b){//스위치 객체 클래스 이름
o.className=o.className==a?b:a
}

function ExChgHtml(o,a,b; ){//객체의 innerHTML 전환
o .innerHTML=o.innerHTML==a?b:a
}

function Oh(o,s){ //문자열 출력 개체
Ob(o).innerHTML =s;
}

함수 SetSrc(o,s){//img, iframe 및 기타 개체의 src 값 변경
Ob (o).src=s;
}

/*XmlHttp*/
function Gp(url,o){ //GetHttpPage
var o=Ob(o); >var PageRequest = false;
IsLoading(o);
if (window.XMLHttpRequest) {// if Mozilla, Safari 등
PageRequest = new XMLHttpRequest()
}
else if (window.ActiveXObject){ // IE
try {
PageRequest = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
PageRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){;}
}
}
else {return false ;}
PageRequest.onreadystatechange= function(){
if (PageRequest.readyState == 4) {
Lp(PageRequest,o)
}
}
PageRequest.open('GET', url, true) ;
PageRequest.send(null);
}

function Lp(PageRequest,o){ //LoadPage
if (PageRequest.readyState == 4 && (PageRequest.status== 200 || window.location.href.indexOf("http" )==-1))
Ob(o).innerHTML=PageRequest.responseText;
//Hd("OpMsg")
}

function IsLoading(o){
o.innerHTML="데이터 로드 중입니다. 잠시만 기다려 주세요..."
//Sw2("OpMsg")
}

//Javascript 파일 포함
function IncJs(sSrc,sID){
var oHead = document.getElementsByTagName('head')[0]
var oScript = document.createElement('script' );
oScript.type = "text/javascript";
oScript.src = sSrc;
oScript.id = sID
if(oScript.readyState=="loaded") {oHead. AppendChild(oScript) }
}

/*이동 및 제거*/
function Mv(a,b,n) {
var i = 0
var f= Ob(a);
var t=Ob(b);
var n=n?n:0
if (n==0) {
for(var ii=0; ii< ;f.options.length; ii ) {
if(f.options[ii].selected ) {
var no = new Option()
no.value = f.options[ii]. 값;
no.text = f.options[ii].text;
t.options[t.options.length] = 아니오
}
}
}
else {
for(var ii= 0; iiif(f.options[ii].selected ) {
t.value = "," f.options [ii].value;
}
}
}
Rv(a)
}

function Rv(o) {
var o=Ob( o);
for(var ii=o.options.length-1; ii>=0; ii--) {
if(o.options[ii].selected && o.options[ii] ! = "") {
o .options[ii].value = "";
o.options[ii].text = ""
o.options[ii] = null; }
}
}

기능 ChgInp(o1,o2){
 Ob(o2).readOnly=(!Ob(o1).checked);
 if (Ob(o1).checked) {
 Ob(o2).className="InpTxt";
 Ob(o2).focus();
 } else {
 Ob(o2).className="InpTxt0";
 }
}

/*체크박스*/
함수 DoChk(o,o2,s){
 this.OldCls = s || "";
 if (o.checked==false) { 
 o.parentNode.parentNode.className=this.OldCls;
 Ob("BtnChkAll").checked=false;
 } else {
 o.parentNode.parentNode.className="chked";
 IsAllChk(o2,this.OldCls);
 }
}

함수 IsAllChk(o,s){
var ChkNums=0;
 var arrObj=Ob(o).getElementsByTagName("input");
 this.OldCls = s || "";
 for (i=0;i if (arrObj[ii].checked) {
 ChkNums =1;
 arrObj[ii].parentNode.parentNode.className="chked";
 } else {
 arrObj[ii].parentNode.parentNode.className=this.OldCls;
 }
 }
//alert(ChkNums ":"  arrObj.length)
 if (ChkNums==arrObj.length-1) {
 Ob("BtnChkAll").checked= 진실;
 } else {
 Ob("BtnChkAll").checked=false;
 }
}

function ChkAll(o,o2,s){
 var arrObj=Ob(o2).getElementsByTagName("input");
 this.OldCls = s || "";
 (ii=1;ii arrObj[ii].checked=o.checked;
 if (o.checked) {
 arrObj[ii].parentNode.parentNode.className="chked";
 } else {
 arrObj[ii].parentNode.parentNode.className=this.OldCls;
 }
 }
}

function OppChk(){
 var arrObj=Ob("Photos").getElementsByTagName("input");
 (ii=0;ii arrObj[ii].checked=!arrObj[ii].checked;
 }
 IsAllChk();
}

/*숫자 테스트*/
함수 IsIntNum(s){
 var reIntNum=/^-?d $/;
 reIntNum.test(s)를 반환합니다.
}
함수 IsBetween(n0,n1,n2,t){
 this.CompareType=t || 4;
 전환 (this.CompareType) {
 case 0 :
 return (n0>n1 && n0 사례 1 :
 반품 (n0>=n1 && n0 케이스 2 :
 return (n0>n1 && n0<=n2);
 기본값 :
 반환 (n0>=n1 && n0<=n2);
 } 
}

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿