웹 프론트엔드 JS 튜토리얼 js 공통 기능 good_basic 지식

js 공통 기능 good_basic 지식

May 16, 2016 pm 07:26 PM

1. 일반 함수
JavaScript 일반 함수에는 다음 9가지 함수가 포함됩니다.
(1) 경고 기능: 확인 버튼을 포함한 경고 대화 상자를 표시합니다.
 (2)확인 기능: 확인, 취소 버튼이 포함된 확인 대화 상자를 표시합니다.
 (3) 이스케이프 기능: 문자를 유니코드 코드로 변환합니다.
(4) eval 함수: 표현식의 결과를 계산합니다.
(5) isNaN 함수: true인지 false인지 테스트합니다.
 (6)parseFloat 함수: 문자열을 점으로 구분된 디지털 형식으로 변환합니다.
 (7)parseInt 함수: 문자열을 정수 디지털 형식으로 변환합니다(십진법 지정 가능).
 (8) 프롬프트 기능: 입력 대화 상자를 표시하여 사용자 입력을 기다리라는 메시지를 표시합니다. 예:
 (9) 이스케이프 해제 기능: 이스케이프 기능으로 인코딩된 문자를 디코딩합니다.
2. 배열 함수
자바스크립트 배열 함수에는 다음 4가지 함수가 포함됩니다.
(1) 조인 함수: 배열의 모든 요소를 ​​문자열로 변환하고 연결합니다. 예:

프로그램 코드
함수 JoinDemo()
{
var a, b
a = new Array(0,1,2,3,4); > b = a.join("-");//구분자
return(b);//반환 b=="0-1-2-3-4"
}  

(2)langth 함수: 배열의 길이를 반환합니다. 예:
 
프로그램 코드
function LengthDemo()
 {
 var a, l
 a = new Array(0,1,2,3,4); >  l = a.length;
  return(l);//l==5
  } 

 (3)역방향 함수: 배열 요소의 순서를 바꿉니다. 예:
 
프로그램 코드
function ReverseDemo()
 {
 var a, l
 a = new Array(0,1,2,3,4); > l = a.reverse();
return(l);
}
(4) 정렬 기능: 배열 요소를 재정렬합니다. 예:
 
프로그램 코드
function SortDemo()
 {
 var a, l
a = new Array("X","y","d", Z ", "v","m","r");
l = a.sort();
return(l);
}
3. 날짜 함수
javascript The 날짜 함수에는 다음 20가지 함수가 포함됩니다.
(1) getDate 함수: 날짜의 "일" 부분을 반환하며, 값은 1부터 31까지입니다. 예:
 
프로그램 코드
function DateDemo()
 {
 var d, s = "오늘 날짜: ";
 d = new Date(); = (d.getMonth() 1) "/";
s = d.getDate() "/";
s = d.getYear()
return(s);
(2) getDay 함수: 요일을 반환하며 값은 0~6이며, 0은 일요일, 1은 월요일,..., 6은 토요일을 의미합니다. 예:
 
프로그램 코드
function DateDemo()
 {
 var d, day, x, s = "오늘은: "
 var x = new Array("Sunday ", "월요일", "화요일");
var x = x.concat("수요일", "목요일", "금요일");
var x = x.concat("토요일");
d = new Date();
day = d.getDay();
return(s = x[day]); hour" 부분에서 값은 0~23입니다. 예.
 
프로그램 코드
function TimeDemo()
 {
 var d, s = "현재 현지 시간은: ";
var c = ":"
 d = new Date();
 s = d.getHours() c;
s = d.getMinutes() c
s = d.getMilliseconds ();
반품
위의 예를 참조하세요.
(5) getMonth 함수: 날짜의 "월" 부분을 0에서 11 사이의 값으로 반환합니다. 그 중 0은 1월을 나타내고, 2는 3월, ..., 11은 12월을 나타냅니다. 이전 예시
를 참조하세요.
(6) getSeconds 함수: 날짜의 "초" 부분을 반환하며 값은 0~59입니다. 이전 예를 참조하세요.
 (7)getTime 함수: 시스템 시간을 반환합니다.
 
프로그램 코드
함수 GetTimeTest()
 {
 var d, s, t
 var MinMilli = 1000 * 60> var DyMilli = HrMilli * 24; > d = new Date();
t = d.getTime();
s = "70년 1월 1일 이후로 "
s = Math.round(t / DyMilli) "였습니다." ;
반환
시간 차이).
 
프로그램 코드
function TZDemo()
 {
 var d, tz, s = "현재 현지 시간은 "입니다.
d = new Date(); tz = d.getTimezoneOffset();

if (tz의 링크 포인트 이름, 다른 함수에서 설정한 URL 주소.
(2) 큰 기능: 글꼴 크기를 1로 늘리고, 그리고 ...라벨 결과는 같습니다. (3) 블링크 기능: 문자열을 깜박이게 합니다. 이는 ... 라벨 결과와 동일합니다.
(4) 볼드 기능: 글꼴을 굵게 만듭니다. ... 라벨 결과와 같습니다.
(5) charAt 함수: 문자열에 지정된 문자를 반환합니다. (6) 고정 함수: 글꼴을 고정 너비 글꼴로 설정합니다. 7) Fontcolor 함수: 라벨 결과와 동일한 글꼴 색상을 설정합니다. (8) Fontsize 함수: 라벨 결과와 동일한 글꼴 크기를 설정합니다. 문자열의 첫 번째 인덱스를 찾습니다.
 (10)italics 함수: 글꼴을 기울임꼴로 만듭니다.
 (11)lastIndexOf 함수: 문자열의 첫 번째 인덱스를 오른쪽부터 찾습니다.
 (12)length 함수: 문자열의 길이를 반환합니다(괄호 없이).
 (13)Link 함수: 다음과 같은 하이퍼링크를 생성합니다.
 (14) 작은 기능: 글자 크기를 한 단계 줄여서... 태그와 같은 결과를 얻습니다.
 (15) 스트라이크 기능: 텍스트 중간에 가로줄을 추가합니다. .. .레이블 결과는 동일합니다.
 (16) 하위 함수: 문자열을 아래 첨자로 표시합니다. (17) 하위 문자열 함수: 문자열에 지정된 문자를 반환합니다. (19) ) toLowerCase 함수: 문자열을 소문자로 변환합니다. (20) ToUpperCase 함수: 문자열을 대문자로 변환합니다.

//모두 숫자로 구성되어 있는지 확인

프로그램 코드
function isDigit(s)
{
var patrn=/^[0-9]{ 1 ,20}$/;
if (!patrn.exec(s)) return false
return true
}


//로그인 이름 확인: 5개만 가능 문자로 시작하고 숫자, "_", "."를 포함할 수 있는 -20개의 문자열을 입력했습니다.

프로그램 코드
function isRegisterUserName(s)
{
var patrn=/^[ a- zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/
if (!patrn.exec(s)) return false
return true
}


//사용자 이름 확인: 문자로 시작하는 문자열은 1~30개만 입력할 수 있습니다.

프로그램 코드
function isTrueName( s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false
return true
}

//인증 비밀번호 : 영문, 숫자, 밑줄 6~20자만 입력 가능

프로그램 코드
function isPasswd(s)
{
var patrn=/^ (w){6,20}$/
if (!patrn.exec(s)) return false
return true
}


/ /일반 전화로 확인하고 팩스 번호: " "로 시작할 수 있고 숫자 외에도 "-"를 포함할 수 있습니다.

프로그램 코드
function isTel(s)
{
//var patrn = /^[ ]{0,1}(d){1,3}[ ]?([-]?(d){1,12}) $/
var patrn=/^[ ]{0 , 1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12}) $/
if (!patrn.exec(s)) return false
true 반환
}


//휴대폰 번호 확인: 숫자 외에 "-"를 포함할 수 있습니다.

프로그램 코드
함수 isMobil(s)
{
var patrn=/^[ ]{0,1}(d){1,3}[ ]?([-]?((d)|[ ] ){ 1,12}) $/
if (!patrn.exec(s)) return false
return true
}

//우편번호 확인

프로그램 코드
함수 isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/
var patrn=/^ [ a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false
true 반환
}

//확인 검색 키워드

프로그램 코드
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*() =|\][ ] {}:;',./?]{1}[^`~!@$%^&() =|\][]{}:;',.?]{0, 19 }$/;
if (!patrn.exec(s)) return false
return true
}


프로그램 코드
function isIP(s) // by zergling
{
var patrn=/^[0-9.]{1,20}$/
if (!patrn.exec(s)) return false
true 반환
}

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

핫 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를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

8 멋진 jQuery 페이지 레이아웃 플러그인 8 멋진 jQuery 페이지 레이아웃 플러그인 Mar 06, 2025 am 12:48 AM

손쉬운 웹 페이지 레이아웃에 대한 jQuery 활용 : 8 에센셜 플러그인 jQuery는 웹 페이지 레이아웃을 크게 단순화합니다. 이 기사는 프로세스를 간소화하는 8 개의 강력한 JQuery 플러그인을 강조합니다. 특히 수동 웹 사이트 생성에 유용합니다.

자신의 Ajax 웹 응용 프로그램을 구축하십시오 자신의 Ajax 웹 응용 프로그램을 구축하십시오 Mar 09, 2025 am 12:11 AM

그래서 여기 당신은 Ajax라는이 일에 대해 배울 준비가되어 있습니다. 그러나 정확히 무엇입니까? Ajax라는 용어는 역동적이고 대화식 웹 컨텐츠를 만드는 데 사용되는 느슨한 기술 그룹을 나타냅니다. 원래 Jesse J에 의해 만들어진 Ajax라는 용어

10 JQuery Fun 및 Games 플러그인 10 JQuery Fun 및 Games 플러그인 Mar 08, 2025 am 12:42 AM

10 재미있는 jQuery 게임 플러그인 웹 사이트를보다 매력적으로 만들고 사용자 끈적함을 향상시킵니다! Flash는 여전히 캐주얼 웹 게임을 개발하기위한 최고의 소프트웨어이지만 JQuery는 놀라운 효과를 만들 수 있으며 Pure Action Flash 게임과 비교할 수는 없지만 경우에 따라 브라우저에서 예기치 않은 재미를 가질 수 있습니다. jQuery tic 발가락 게임 게임 프로그래밍의 "Hello World"에는 이제 jQuery 버전이 있습니다. 소스 코드 jQuery Crazy Word Composition 게임 이것은 반은 반은 게임이며, 단어의 맥락을 알지 못해 이상한 결과를 얻을 수 있습니다. 소스 코드 jQuery 광산 청소 게임

내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? 내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? Mar 18, 2025 pm 03:12 PM

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

jQuery 시차 자습서 - 애니메이션 헤더 배경 jQuery 시차 자습서 - 애니메이션 헤더 배경 Mar 08, 2025 am 12:39 AM

이 튜토리얼은 jQuery를 사용하여 매혹적인 시차 배경 효과를 만드는 방법을 보여줍니다. 우리는 멋진 시각적 깊이를 만드는 계층화 된 이미지가있는 헤더 배너를 만들 것입니다. 업데이트 된 플러그인은 jQuery 1.6.4 이상에서 작동합니다. 다운로드

Ajax를 사용하여 상자 컨텐츠를 동적으로로드합니다 Ajax를 사용하여 상자 컨텐츠를 동적으로로드합니다 Mar 06, 2025 am 01:07 AM

이 튜토리얼은 Ajax를 통해로드 된 동적 페이지 상자를 작성하여 전체 페이지 재 장전없이 인스턴트 새로 고침을 가능하게합니다. jQuery 및 JavaScript를 활용합니다. 맞춤형 Facebook 스타일 컨텐츠 박스 로더로 생각하십시오. 주요 개념 : Ajax와 JQuery

JavaScript 용 쿠키리스 세션 라이브러리를 작성하는 방법 JavaScript 용 쿠키리스 세션 라이브러리를 작성하는 방법 Mar 06, 2025 am 01:18 AM

이 JavaScript 라이브러리는 Window.Name 속성을 활용하여 쿠키에 의존하지 않고 세션 데이터를 관리합니다. 브라우저에 세션 변수를 저장하고 검색하기위한 강력한 솔루션을 제공합니다. 라이브러리는 세 가지 핵심 방법을 제공합니다 : 세션

See all articles