>  기사  >  웹 프론트엔드  >  일반적인 JavaScript 객체_javascript 기술의 메소드 및 속성 요약

일반적인 JavaScript 객체_javascript 기술의 메소드 및 속성 요약

WBOY
WBOY원래의
2016-05-16 17:56:511149검색

이 기사에서는 JavaScript에서 일반적으로 사용되는 일부 개체의 속성과 메서드는 물론 몇 가지 유용한 시스템 기능을 간략하게 소개합니다.
 1. 문자열 메소드
JavaScript에는 강력한 문자열 처리 기능이 있어야만 다채로운 웹 페이지를 작성할 수 있습니다. 이번 섹션에서는 문자열 객체와 관련된 메서드와 속성을 사용하는 방법을 소개합니다.
 1. 문자열 객체의 길이 속성
 
문자열 객체에는 길이라는 하나의 속성만 있습니다. 이 속성 값은 문자열에 포함된 문자의 상대적 개수를 나타냅니다. 구문은 다음과 같습니다. stringName.length
 2. 문자열 객체 메서드
JavaScript는 정보 표시를 제어하는 ​​데 도움이 되는 여러 문자열 메서드를 제공합니다. 문자열 메서드는 속성 메서드, 탐색 메서드 등과 같은 여러 주요 범주로 나눌 수 있습니다. 아래에서 카테고리를 소개하겠습니다.
 (1) 속성 방식 문자열 속성 방식은 일반 텍스트가 화면에 표시되는 방식을 지정합니다. 귀하의 홈페이지를 더욱 매력적으로 만드는 이상적인 방법을 제공합니다.
blink() 깜박임() 메서드는 텍스트를 깜박이게 합니다. 구문은 다음과 같습니다. string.blink();
bold()bold() 메서드는 문자열을 굵게 만듭니다. 구문은 다음과 같습니다. string.bold();
Fontcolor() Fontcolor() 메서드는 단일 문자열의 색상을 변경하거나 페이지를 다시 로드하거나 이벤트가 발생할 때마다 색상을 변경할 수 있습니다. 마찬가지로, 이 메서드에는 해당 HTML 식별자도 있습니다. 글꼴 색상()의 구문은 string.fontcolor(color)입니다. 여기서 색상은 색상의 합법적인 표현입니다.
 italics() italics() 메서드는 문자열을 다른 텍스트와 구별하기 위해 기울임꼴로 변경합니다. string.italics();
 (2) 대문자 사용 방법 JavaScript는 대문자와 소문자를 엄격하게 구분합니다. 두 문자열을 쉽게 비교하려면 대문자나 소문자로 변환해야 합니다. 문자열 객체의 케이스 메소드는 대문자와 소문자 간의 변환을 지원합니다.
 toLowerCase() tolowerCase() 메서드는 주어진 문자열의 각 문자를 소문자로 변환합니다. 구문은 다음과 같습니다. string=stringValue.toLowerCase();
toUpperCase() tolowerCase() 메서드의 반대는 주어진 문자열을 대문자 문자열로 변환하는 toUpperCase() 메서드입니다. string=stringValue.toUpperCase();
 (3) 작업 방법 작업 방법은 charAt(), indexO f()를 포함하여 텍스트 문자열에서 문자열을 검색하는 다양한 방법을 제공합니다. LastIndexOf () 및 부분 문자열(). 이러한 메소드를 사용하여 사용자가 입력한 문자열 변수를 형식화하고 조작할 수 있습니다. charAt() 및 substring() 메소드는 문자열에서 하나 이상의 문자를 추출하고 나머지 두 메소드는 찾은 값의 첫 번째 값을 반환합니다. 문자열에서 문자가 나타나는 위치의 숫자 값입니다.
 charAt() charAt() 메소드는 주어진 문자열에서 지정된 위치에 있는 문자를 반환합니다. 다음과 같이 사용됩니다: string.charAt(index); 여기서 index는 0과 문자열 길이 사이의 숫자입니다(문자열 길이는 Length 속성을 통해 얻을 수 있음).
substring() substring() 메소드 a 더 큰 문자열의 하위 문자열을 반환합니다. 구문은 다음과 같습니다. string.substring(indexA, indexB) indexA와 indexB는 모두 0과 문자열 길이 사이의 숫자 값입니다. 이는 문자열의 두 첨자입니다.
 indexOf() indexOf() 메서드는 긴 문자열에서 지정된 문자열과 일치하는 하위 문자열의 위치를 ​​반환합니다. 주어진 문자열을 왼쪽에서 오른쪽으로 검색하며 구문은 다음과 같습니다: string.indexOf(searchValue, [fromIndex]); 여기서 string은 indexOf()가 searchValue를 찾으려는 문자열이고, search hValue는 원하는 것입니다. 문자 또는 하위 문자열을 찾습니다. fromIndex는 검색이 시작되어야 하는 위치를 지정하는 선택적 옵션입니다. fromIndex의 범위는 charAt() 및 Subs string()(0 ~ 길이-1)과 유사합니다. 길이보다 크거나 같을 수 없습니다. fromIndex를 지정하지 않으면 이 메서드는 기본값을 가정하고 전체 문자열을 검색합니다. indexOf()의 반환 값은 searchValue가 처음 나타나는 첫 번째 문자의 오프셋(문자열 시작 부분부터)입니다. fromIndex가 지정되더라도 반환 값은 여전히 ​​문자열의 시작 부분을 기준으로 합니다(일부 이전 위치에 나타날 수 있는 ArchValue는 무시됩니다).
lastIndexOf() lastIndexOf() 메서드는 문자열을 오른쪽에서 왼쪽으로 검색한다는 점을 제외하면 IndexOf() 메서드와 유사합니다. lastIndexOf()는 여전히 마지막 문자 위치가 아닌 검색된 문자열의 첫 번째 문자 위치를 제공합니다. lastIndexOf() 메서드의 구문은 다음과 같습니다. string.Last indexOf(searchValue); searchValue는 여전히 찾으려는 문자열입니다.
 (4) 탐색 방법 하이퍼텍스트를 사용하다 보면 앵커와 링크의 개념을 접하게 됩니다. 앵커는 쉽게 돌아갈 수 있는 웹 페이지에 배치된 북마크와 같습니다. 링크는 다른 페이지(또는 동일하거나 다른 페이지의 앵커)에 대한 안내입니다.
 anchor() 앵커() 메서드는 앵커를 설정하는 데 사용됩니다. 구문은 매우 간단합니다. string.anchor(anchorName); 다음 예를 고려하세요. var indexString="Index"; ( "anchorName")); 이 명령문은 화면에 Index 텍스트를 인쇄합니다. 앵커 이름은 앵커의 실제 이름입니다. 이와 같은 앵커는 일반적으로 페이지에서 앵커의 실제 위치로 이동하기 위해 링크에서 사용됩니다.
 link() link()의 기능은 지정된 대상으로 점프하는 것입니다. 이는 표준 HTML 인용문(HREF 속성으로 지정된 하이퍼텍스트 인용문)과 동일합니다.구문도 매우 간단합니다. linkText.link(href) linkText는 화면의 텍스트입니다. href 속성은 반드시 앵커일 필요는 없으며 합법적인 URL 참조일 수도 있습니다. 다음 예에서는 link()를 사용하여 이전에 생성된 앵커로 직접 이동하는 링크를 만드는 방법을 보여줍니다. var indexStirng="Index" document.writeln(indexString.link("#" "anchorName") " ") 이 문은 다음을 인쇄합니다. 화면에 있는 링크 형식의 텍스트 인덱스(일반적으로 밑줄이 그어져 있음)는 앵커의 실제 이름입니다. 이 링크를 클릭하면 이 앵커가 브라우저 사용자 창 상단에 나타납니다. 참고: 동일한 문서 내의 앵커 참조에 # 기호를 추가해야 합니다. # 기호를 추가할 때는 큰따옴표로 묶고 더하기 기호를 사용하여 완전한 따옴표로 연결합니다. 이전 예를 참조하세요. # 기호가 생략되면 링크의 대상은 앵커가 아닌 파일입니다. 이 링크를 클릭하면 브라우저는 AnchorName(이 경우)이라는 파일을 로드하려고 시도합니다. 이 파일이 존재하지 않기 때문에 브라우저는 찾을 수 없음 오류 메시지를 생성합니다.
2. 윈도우 방식
윈도우는 브라우저가 사용자와 상호작용하기 위한 인터페이스이다. JavaScript의 창 메서드와 속성을 사용하여 제어 가능한 창을 만들 수 있습니다. 이 섹션에서는 몇 가지 창 메서드와 속성을 소개합니다.
 1. 미리 정의된 창(대화 상자)
JavaScript는 "간단한" 창(또는 대화 상자)을 생성하는 세 가지 방법, 즉 경고(), 확인() 및 프롬프트( )를 제공합니다. 이러한 대화 상자의 위치, 버튼 또는 크기를 제어할 수는 없지만 사용자에게 메시지를 표시하거나 입력을 받는 예비 메커니즘을 제공합니다. 각 방법은 아래에서 설명됩니다.
 alert() Alert() 메소드는 독립적인 메시지 창을 생성합니다. 구문은 다음과 같습니다. Alert("message") 여기서 "message"는 프롬프트 창에 표시될 텍스트 문자열입니다.
 confirm() verify() 메소드는 이벤트를 진행하기 전에 사용자의 승인을 요청하는 데 사용됩니다. 이는 사용자에게 이벤트 발생을 중지할 수 있는 기회를 제공합니다. 이 메소드의 구문은 다음과 같습니다. verify("message") 여기서 message는 텍스트 문자열입니다.
prompt() 프롬프트() 메소드는 키보드로 정보를 입력하거나 기본값을 받은 경우 마우스로 선택할 수 있는 사용자로부터 피드백을 받습니다. 이 메소드의 구문은 다음과 같습니다. 프롬프트("message") 기본값을 지정하려면 다음을 사용할 수 있습니다. 프롬프트("message", importDefault) 여기서 "message"는 텍스트 또는 숫자입니다. 사용자는 모든 정보를 입력할 수 있습니다. 따라서 변수는 계산을 위해 숫자가 입력될 것으로 예상하지만 텍스트에 입력될 수도 있습니다. 취소 키와 닫기 키를 클릭하면 pr ompt()는 null 값을 반환합니다.
 2. 맞춤형 창
위의 세 창은 매우 단순하지만 크기와 스타일을 변경할 수 없다는 공통적인 단점이 있습니다. 다음으로 JavaScript에서 창을 사용자 정의하는 방법에 대해 논의하겠습니다. 먼저 창을 만드는 방법을 알아야 합니다.
open() open() 메소드는 새 창을 생성합니다. 이 방법을 사용하여 창을 만드는 효과는 파일 메뉴 항목에서 새 웹 브라우저를 선택하는 것과 유사합니다. 이 메소드의 구문은 다음과 같습니다: windowVar=window.open("URL", "windowName") 또는 창의 속성을 정의할 수도 있습니다: windowVar=window.open("URL", "windowName", "windowAttribute" ") 여기서 WindowName은 생성될 창의 이름입니다. URL은 현재 새 창이 생성될 때 호출될 URL을 지정하는 텍스트 문자열입니다. URL이 지정되지 않으면(빈 문자열 "" 사용) 창이 비어 있습니다. windowName은 창의 이름을 나타냅니다. windowFeatures는 도구 모음, 위치, 디렉터리, 상태 표시줄, 메뉴 표시줄, 스크롤 막대, 크기 조정 기능, 너비 및 높이 등 창에 할당할 수 있는 선택적 속성입니다(첨부된 표 참조). 구분 기호로 쉼표와 외부 큰따옴표를 사용하여 설정하세요.
창 속성 이러한 속성의 사용 형식은 다음과 같습니다. footure=value 여기서 feature는 선택할 속성, value(너비 및 높이 속성 제외)는 속성을 활성화하려면 yes(또는 1)이거나 no입니다. (또는 0)을 사용하여 제거합니다. 너비와 높이의 구문은 다음과 같습니다: feature=pixels 여기서 픽셀은 새 창의 크기(픽셀 단위)를 결정하는 양의 정수(또는 양의 정수 변수)입니다.
 close() close() 메서드를 사용하세요. 구문은 다음과 같습니다: windowReference.close() 다음 함수 중 하나를 사용하여 현재 창을 닫을 수 있습니다: window.close(), self.close(), 닫다(). 창의 windowVar(open() 메서드가 호출될 때 값이 생성됨)을 참조하여 독립 창을 닫을 수 있습니다. 예를 들어, 창을 만들 때 사용되는 명령은 다음과 같습니다: WindowB=open(",","anotherwindow","windth=80, height=40); 다음 명령을 사용하여 다른 창에서 창을 닫을 수 있습니다: windowB.close ( ) 최상위 창을 닫으려면 다음 메소드 top.close()를 사용할 수 있습니다. 물론 현재 창을 닫으려면

JavaScript가 제공하는 자체 닫기 명령을 사용할 수 있습니다. 사용자는 이러한 기능을 구현하기 위해 스크립트를 사용할 필요가 없습니다. 이것이 객체 기반 프로그래밍의 진정한 목적입니다. 문자열(문자열), 수학(숫자 계산) 및 날짜(날짜). 기타 관련 방법.이는 프로그래머가 강력한 스크립트 프로그램을 신속하게 개발하는 데 매우 유리한 조건을 제공합니다.

1. 일반적으로 사용되는 내부 객체
JavaScript에서 객체 속성과 메소드를 참조하는 경우는 두 가지입니다. 하나는 객체가 정적 객체인 경우, 즉 객체의 속성이나 메소드를 참조하는 경우입니다. 해당 개체에 대한 인스턴스를 만들 필요는 없지만 다른 개체는 해당 개체나 메서드를 참조할 때 해당 개체에 대한 인스턴스를 만들어야 합니다. 즉, 개체는 동적 개체입니다.
JavaScript의 내부 개체에 대한 참조는 해당 속성과 메서드를 중심으로 이루어집니다. 따라서 객체의 정적 특성을 명확히 하는 것은 JavaScript의 내부 객체를 마스터하고 이해하는 데 큰 의미가 있습니다.

1) 문자열 객체
 o 문자열 객체: 내부 정적.
 o 속성과 메서드에 접근할 때 (.) 연산자를 사용할 수 있습니다.
o 기본 사용 형식: objectName.prop/methods
(1) 문자열 객체의 속성
이 객체에는 길이라는 하나의 속성만 있습니다. 모든 기호를 포함하여 문자열의 문자 수를 나타냅니다.
예:
mytest="This is a javascript"
mystringlength=mytest.length
마지막으로 mystringlength는 mytest 문자열의 길이를 20으로 반환합니다.
(2) 문자열 객체의 메소드
문자열 객체에는 19가지 메소드가 있습니다. 주로 웹 페이지의 문자열 표시, 글꼴 크기, 글꼴 색상, 문자 검색 및 대소문자 변환에 사용됩니다.
주요 메소드는 다음과 같습니다.
 o 앵커 포인트 앵커(): HTML 문서와 동일한 앵커 태그를 생성하는 메소드입니다. Html(A Name="")과 같이 앵커를 사용합니다. string.anchor(anchorName) 형식을 통해 액세스됩니다.
 o 문자 표시 제어 방법
큰 글꼴 표시, Italics() 기울임꼴 표시, 굵은() 굵은 글꼴 표시, 깜박임() 문자 깜박임 표시, 작은() 작은 글꼴 표시, 고정() 강조 표시 고정 단어 표시, 글꼴 크기(크기)는 글꼴 크기 등을 제어합니다.
o 글꼴 색상 방법;fontcolor(color)
o 문자열 대소문자 변환
toLowerCase() - 소문자 변환, toUpperCase() 대문자 변환. 다음은 주어진 문자열을 각각 대문자와 소문자로 변환합니다:
string=stringValue.toUpperCase 및 string=stringValue.toLowerCase.
o 문자 검색: indexOf[charactor,fromIndex]
지정된 formIndtx 위치에서 시작하여 처음 나타나는 문자를 검색합니다.
문자열의 일부 반환: substring(start,end)
처음부터 끝까지 모든 문자를 반환합니다.

2) 산술 함수의 수학 객체
함수: 덧셈, 뺄셈, 곱셈, 나눗셈을 제외한 일부 자체 설명 연산을 제공합니다. 로그, 제곱근 등이 있습니다.
Staticity: 정적 객체
(1) 주요 속성
Math는 수학에서 자주 사용하는 상수 E, 밑이 10인 자연로그 LN10, 밑이 2인 자연로그 LN2 등 6가지 속성을 제공합니다. , PI는 3.14159이고, 1/2의 제곱근은 SQRT1-2이고, 2의 제곱근은 SQRT2입니다.
(2) 주요 메소드
절대값: abs()
사인 및 코사인 값: sin(), cos()
아크사인 및 아크코사인: asin(), acos()
탄젠트 아크탄젠트: tan(),atan()
반올림: round()
제곱근: sqrt()
여러 거듭제곱에 기초한 값: Pow(base,exComponent)
...
3), 날짜 및 시간 객체
기능: 날짜 및 시간과 관련된 객체를 제공합니다.
정적 및 동적: 동적, 즉 인스턴스를 생성하려면 New 연산자를 사용해야 합니다. 예:
MyDate=New Date()
Date 객체는 직접 액세스 속성을 제공하지 않습니다. 날짜와 시간을 가져오고 설정하는 메서드만 있습니다.
날짜 시작 값: 1770년 1월 1일 00:00:00.
1. 날짜를 가져오는 시간 메서드
getYear(): 연도 수를 반환합니다.
getMonth(): 현재 월의 수를 반환합니다.
getDate(): 현재 날짜의 수를 반환합니다.
getDay(): 요일 반환 일 수
getHours(): 시간 수 반환
getMintes(: 분 수 반환
getSeconds(): 시간 수 반환 초
getTime(): 밀리초 수를 반환합니다.
(2) 날짜 및 시간 설정 :
setYear(); 연도 설정
setDate(): 이번 달의 숫자 설정
setMonth(): 이번 달의 숫자 설정
setHours(): 시간의 숫자 설정
setMintes(): 분의 숫자 설정
SetSeconds(): 초의 숫자 설정
SetTime(): 밀리초 단위로 설정합니다.
...
2. 자바스크립트의 시스템 함수
자바스크립트의 시스템 함수는 내부 메소드라고도 합니다. 이러한 함수를 사용하기 위해 인스턴스를 생성할 필요는 없습니다.
1. 문자열 표현식으로 값을 반환합니다.
메서드 이름: eval(문자열 표현식) 공식), 예:
test=eval(" 8 9 5/2");
2. 문자열 반환 ASCI 코드:
메서드 이름: unEscape(string)
3. 문자 반환 인코딩:
메서드 이름: escape(character)
4. 실수 반환:
parseFloat(floustring);
5. 다른 진수의 숫자 반환:
parseInt(numbestring,rad.X)
여기서 기수는 숫자, numbs는 문자열 번호입니다.

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