이 기사에서는 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는 문자열 번호입니다.

Python과 JavaScript의 주요 차이점은 유형 시스템 및 응용 프로그램 시나리오입니다. 1. Python은 과학 컴퓨팅 및 데이터 분석에 적합한 동적 유형을 사용합니다. 2. JavaScript는 약한 유형을 채택하며 프론트 엔드 및 풀 스택 개발에 널리 사용됩니다. 두 사람은 비동기 프로그래밍 및 성능 최적화에서 고유 한 장점을 가지고 있으며 선택할 때 프로젝트 요구 사항에 따라 결정해야합니다.

Python 또는 JavaScript를 선택할지 여부는 프로젝트 유형에 따라 다릅니다. 1) 데이터 과학 및 자동화 작업을 위해 Python을 선택하십시오. 2) 프론트 엔드 및 풀 스택 개발을 위해 JavaScript를 선택하십시오. Python은 데이터 처리 및 자동화 분야에서 강력한 라이브러리에 선호되는 반면 JavaScript는 웹 상호 작용 및 전체 스택 개발의 장점에 없어서는 안될 필수입니다.

파이썬과 자바 스크립트는 각각 고유 한 장점이 있으며 선택은 프로젝트 요구와 개인 선호도에 따라 다릅니다. 1. Python은 간결한 구문으로 데이터 과학 및 백엔드 개발에 적합하지만 실행 속도가 느립니다. 2. JavaScript는 프론트 엔드 개발의 모든 곳에 있으며 강력한 비동기 프로그래밍 기능을 가지고 있습니다. node.js는 풀 스택 개발에 적합하지만 구문은 복잡하고 오류가 발생할 수 있습니다.

javaScriptisNotBuiltoncorc; it'SangretedLanguageThatrunsonOngineStenWrittenInc .1) javaScriptWasDesignEdasAlightweight, 해석 hanguageforwebbrowsers.2) Endinesevolvedfromsimpleplemporectreterstoccilpilers, 전기적으로 개선된다.

JavaScript는 프론트 엔드 및 백엔드 개발에 사용할 수 있습니다. 프론트 엔드는 DOM 작업을 통해 사용자 경험을 향상시키고 백엔드는 Node.js를 통해 서버 작업을 처리합니다. 1. 프론트 엔드 예 : 웹 페이지 텍스트의 내용을 변경하십시오. 2. 백엔드 예제 : node.js 서버를 만듭니다.

Python 또는 JavaScript는 경력 개발, 학습 곡선 및 생태계를 기반으로해야합니다. 1) 경력 개발 : Python은 데이터 과학 및 백엔드 개발에 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 적합합니다. 2) 학습 곡선 : Python 구문은 간결하며 초보자에게 적합합니다. JavaScript Syntax는 유연합니다. 3) 생태계 : Python에는 풍부한 과학 컴퓨팅 라이브러리가 있으며 JavaScript는 강력한 프론트 엔드 프레임 워크를 가지고 있습니다.

JavaScript 프레임 워크의 힘은 개발 단순화, 사용자 경험 및 응용 프로그램 성능을 향상시키는 데 있습니다. 프레임 워크를 선택할 때 : 1. 프로젝트 규모와 복잡성, 2. 팀 경험, 3. 생태계 및 커뮤니티 지원.

서론 나는 당신이 이상하다는 것을 알고 있습니다. JavaScript, C 및 Browser는 정확히 무엇을해야합니까? 그들은 관련이없는 것처럼 보이지만 실제로는 현대 웹 개발에서 매우 중요한 역할을합니다. 오늘 우리는이 세 가지 사이의 밀접한 관계에 대해 논의 할 것입니다. 이 기사를 통해 브라우저에서 JavaScript가 어떻게 실행되는지, 브라우저 엔진의 C 역할 및 웹 페이지의 렌더링 및 상호 작용을 유도하기 위해 함께 작동하는 방법을 알게됩니다. 우리는 모두 JavaScript와 브라우저의 관계를 알고 있습니다. JavaScript는 프론트 엔드 개발의 핵심 언어입니다. 브라우저에서 직접 실행되므로 웹 페이지를 생생하고 흥미롭게 만듭니다. 왜 Javascr


핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

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

WebStorm Mac 버전
유용한 JavaScript 개발 도구

Dreamweaver Mac版
시각적 웹 개발 도구