찾다
웹 프론트엔드JS 튜토리얼CCPry JS 클래스 라이브러리 code_js 객체 지향

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

function CCPry(){
//
// 브라우저 유형 결정
//
this.Browser ={
"isMozilla":(typeof document.implementation != '정의되지 않음') && (문서 유형.implementation.createDocument != '정의되지 않음') && (HTMLDocument 유형!='정의되지 않음'),
"isIE":window.ActiveXObject ? true : false,
" isFirefox":navigator.userAgent.toLowerCase().indexOf("firefox")!=-1,
"isOpera":navigator.userAgent.toLowerCase().indexOf("opera")!=-1
};

//
//요소 ID를 기반으로 DOM 객체 반환
//
this.$Id=function(id){
return document.getElementById(id) ;
};
//
//요소 ID를 기반으로 DOM 객체를 반환합니다.
//
this.Id=function(id){
var DomObjId=this. $Id(id );
if(!DomObjId){ throw new Error("No Object!");}
//객체의 innerHTML 속성을 반환하거나 설정합니다.
this.Html=function( html){
if(!this.IsUndefine(DomObjId.innerHTML))
{
if(!this.IsNull(html)){
DomObjId.innerHTML=html
}
else{ return DomObjId .innerHTML };
}
else{ throw new Error("객체가 innerHTML 속성을 지원하지 않습니다!");}
}; 객체의 innerText 속성
this.Text=function(text){
if(!this.IsUndefine(DomObjId.innerText))
{
if(!this.IsNull(text)) {
DomObjId.innerText= text;
}
else{ return DomObjId.innerText };
}
else{ throw new Error("객체가 innerText 속성을 지원하지 않습니다!"); };
};//객체의 값 속성을 반환하거나 설정합니다.
this.Val=function(val){
if(!this.IsUndefine(DomObjId.value))
{
if(!this.IsNull(val)){
DomObjId.value=val;
}
else{ return DomObjId.value }
else{ throw new Error("객체는 속성 값을 지원하지 않습니다!");};
}
return this

//
//다음에 따라 DOM 객체를 반환합니다. 요소 Name
//
this .$Name=function(name){
return document.getElementsByName(name)
}; /문자열이 비어 있는지 또는 null인지 확인
/ /
this.IsNullOrEmpty=function( str ) {
if(str==null){
return true
}
else{
if(str.lengthreturn
}
}
return false
//
// 문자열이 비어 있는지 확인
//
this.IsEmpty=function( str ) {
if(str.lengthreturn true
}
return false;
};
//
//문자열이 null인지 확인
//
this.IsNull=function( str ) {
if(str==null) {
return true;
}
return false;
//
//함수인지 확인
//
this.IsFunction= function( fn ) {
return typeof(fn)==" function";

//
//객체인지 판단
//
this.IsObject=function( fn ) {
return typeof(fn) ==="object";
};
//
//문자열인지 확인
/ /
this.IsString=function( fn ) {
return typeof(fn )=="string";
};

//
// 숫자 유형
//
this.IsNumber=function( fn ) {
return typeof(fn)=="number";
};

//
/ /부울 유형인지 확인
//
this.IsBoolean=function( fn ) {
return typeof(fn)=="boolean"
}; //
//정의되지 않았는지 확인
//
this.IsUndefine=function ( fn ) {
return typeof(fn)=="undefine"
}; >
//
//날짜 유형인지 확인
//
this .IsDate=function( fn ) {
return fn.constructor==Date
} ;

//
//Ajax 객체 반환
//
this.Ajax=function(s){

//XMLHttpRequest 객체 생성
GetXmlHttpRequest= function(){
var xmlHttpRequest;
if(window.XMLHttpRequest) { xmlHttpRequest = new XMLHttpRequest() }
else if(window.ActiveXObject) {
try { xmlHttpRequest = new ActiveXObject(" Msxml2.XMLHTTP"); }
catch (e){ xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }
}
if (!xmlHttpRequest) {
alert("생성하지 못했습니다. XMLHttpRequest 객체");
return null;
}
return xmlHttpRequest;
};

//기본 Ajax 구성
ajaxSettings={
url: "/ ajax/ProcessAjax.ashx",
메서드: "POST",
시간 제한: 0,
mimeType: "application/x-www-form-urlencoded",
async: true,
데이터: null,
데이터 유형: "html",
문자 집합: "utf-8",
accepts: {
xml: "application/xml, text/xml",
html: "text/html",
스크립트: "text/javascript, 애플리케이션/javascript",
json: "application /json, text/javascript",
텍스트: "text/plain",
_default: "*/*"
},
///
/// 함수 호출
///

OnStart:function(){
//start
},
///
/ //요청 성공 후 콜백 함수
///
/// < ;param name="msg">서버가 데이터를 반환합니다
OnSuccess:function(msg ){
//success
},
/// /// 연산 예외 호출 함수
///

/// 예외 정보OnException:function(msg){
//예외
},
///
/// 请求超时后调用函数
///
OnTimeout:function(){
//timeout
},
///
/// 请求完成后调用函数
///

OnComplate:function(){
//complate
}
};

if(this.IsObject(s)){

/*检测传入对象*/
ajaxSettings.url = (!this.IsUndefine(s.url) && this. IsString(s.url)) ? s.url : ajaxSettings.url;
ajaxSettings.method =(!this.IsUndefine(s.method) && this.IsString(s.method)) ? s.method : ajaxSettings.method;
ajaxSettings.timeout = (!this.IsUndefine(s.timeout) && this.IsNumber(s.timeout)) ? s.timeout : ajaxSettings.timeout;
ajaxSettings.mimeType= (!this.IsUndefine(s.mimeType) && this.IsString(s.mimeType)) ? s.mimeType : ajaxSettings.mimeType;
ajaxSettings.async = (!this.IsUndefine(s.async) && this.IsBoolean(s.async)) ? s.async : ajaxSettings.async;
ajaxSettings.data = (!this.IsUndefine(s.data) && this.IsString(s.data)) ? s.data : ajaxSettings.data;
ajaxSettings.datatype = (!this.IsUndefine(s.datatype) && this.IsString(s.datatype)) ? s.datatype: ajaxSettings.datatype;
ajaxSettings.charset =(!this.IsUndefine(s.charset) && this.IsString(s.charset)) ? s.charset: ajaxSettings.charset;
ajaxSettings.OnStart =(!this.IsUndefine(s.OnStart) && this.IsFunction(s.OnStart)) ? s.OnStart : ajaxSettings.OnStart;
ajaxSettings.OnSuccess =(!this.IsUndefine(s.OnSuccess) && this.IsFunction(s.OnSuccess)) ? s.OnSuccess : ajaxSettings.OnSuccess;
ajaxSettings.OnException=(!this.IsUndefine(s.OnException)&&this.IsFunction(s.OnException))?s.OnException:ajaxSettings.OnException;
ajaxSettings.OnTimeout = (!this.IsUndefine(s.OnTimeout) && this.IsFunction(s.OnTimeout)) ? s.OnTimeout : ajaxSettings.OnTimeout;
ajaxSettings.OnComplate=(!this.IsUndefine(s.OnComplate) && this.IsFunction(s.OnComplate)) ? s.OnComplate : ajaxSettings.OnComplate;

//赋值xmlhttp,传入XMLHttpRequest对象
var xmlhttp=GetXmlHttpRequest();
var requestDone=false;
시도하세요
{
//根据POST或GET방법判断xmlhttp.send()需要传入什么参数
if (ajaxSettings.data && ajaxSettings.method.toUpperCase() == "GET" ) {
ajaxSettings.url = (ajaxSettings.url.match(/?/) ? "&" : "?") ajaxSettings.data;
ajaxSettings.data = null;
}
xmlhttp.open(ajaxSettings.method,ajaxSettings.url,ajaxSettings.async);
xmlhttp.setRequestHeader("Content-Type", ajaxSettings.mimeType);
xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest"); // 设置标题表明一个XMLHttpRequest的请求
xmlhttp.setRequestHeader("Accept",ajaxSettings.datatype && ajaxSettings.accepts[ ajaxSettings.datatype ] ?ajaxSettings.accepts[ ajaxSettings.datatype ] ", */*" :ajaxSettings. accepts._default);
if(ajaxSettings.timeout>0){
var 타이머=setTimeout(function(){requestDone=true;xmlhttp.abort();},ajaxSettings.timeout);
}
var xmlreadystatechange=function ()
{
if(requestDone){ ajaxSettings.OnTimeout(); } //시간 초과
else if(xmlhttp.readyState==4) //성공
{
if (timer) {clearTimeout(timer); 타이머 = null;}
if (xmlhttp.status==200 || xmlhttp.status=="success")
{
switch(ajaxSettings.datatype.toLowerCase())
{
case "html":
ajaxSettings.OnSuccess(xmlhttp.responseText);
휴식;
케이스 "xml":
ajaxSettings.OnSuccess(xmlhttp.responseXML);
휴식;
}
}
ajaxSettings.OnComplate(); //컴플레이트
if (ajaxSettings.async&&xmlhttp){ xmlhttp=null; }
}
else{ajaxSettings.OnStart();} //시작
}
xmlhttp.onreadystatechange=xmlreadystatechange;
xmlhttp.send(ajaxSettings.data);
if (!ajaxSettings.async){ xmlreadystatechange();xmlhttp=null; }
}
catch(e){
ajaxSettings.OnException(e.message); //예외
}
}
이것을 반환합니다.
}
//
// 拆分JSON对象并以特定符号连接组成字符串
//
this.SplitJson=function(jsonObj,splitSign){

var jsonStr='',signLastIndex;
for (jo in jsonObj)
{
jsonStr = (jo "=" jsonObj[jo] SplitSign) ;
}
signLastIndex=jsonStr.lastIndexOf(splitSign);
if(signLastIndex!=-1){
jsonStr=jsonStr.substring(0,signLastIndex);
}
return jsonStr;
}
//
// JS图文缩略
//
this.DrawImage=function(ImgD,iwidth,iheight){
var flag=false;
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0)
{
flag=true;
if(image.width/image.height>= iwidth/iheight)
{
if(image.width>iwidth)
{
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else
{
if(image.height>iheight)
{
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//
// 문자열을 가로채서 중국어 처리를 포함합니다
//
this.SubString=function(str, len, hasDot){
var newLength = 0;
var newStr = "";
var ChineseRegex = /[^x00-xff]/g;
var SingleChar = ""; 교체 (chineseRegex,"**").length;
for(var i = 0;i {
singleChar = str.charAt(i).toString()
if(singleChar.match(chineseRegex) != null)
{
newLength = 2
}
else
{
newLength
}
if ( newLength > len)
{
break;
}
newStr = SingleChar;
}
if(hasDot && strLength > len)
{
newStr = "";
}
return newStr;
}
//
// 모두 바꾸기
//
this.ReplaceAll=function(Str,oldString,newString) {
return Str.replace(new RegExp(oldString,"gm"),newString);
},
//
// URL 매개변수 가져오기, 유효하지 않은 경우 정의되지 않은 반환
/ /
this.RequestQueryString=function(url){
var qIndex=url.indexOf('?')
var queryObj={}
if(qIndex!=-1){
var queryStr=url.substring(qIndex 1,url.length);
if(queryStr.indexOf('&')!=-1){
var arrQuery = new Array(); arrQuery=queryStr .split('&');
for(arrStr in arrQuery){
paramKey=arrQuery[arrStr].substring(0,arrQuery[arrStr].indexOf("=")).toLowerCase( );
paramValue=arrQuery[arrStr].substring(arrQuery[arrStr].indexOf("=") 1,arrQuery[arrStr].length)
queryObj[paramKey]=paramValue
}
}
else{
paramKey=queryStr.substring(0,queryStr.indexOf("=")).toLowerCase()
paramValue=queryStr.substring(queryStr.indexOf("=") 1 ,queryStr.length);
queryObj[paramKey]=paramValue;
}
}
return queryObj;
}
window.$CC=new CCPry() ;


성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
JavaScript 및 웹 : 핵심 기능 및 사용 사례JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

JavaScript 엔진 이해 : 구현 세부 사항JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Apr 15, 2025 am 12:16 AM

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지Apr 14, 2025 am 12:05 AM

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

JavaScript 엔진 : 구현 비교JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScript브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기