자바스크립트 DOM 문서에 대한 세부 정보를 얻기 위해 많은 속성을 제공했습니다. document.links.length라는 메서드를 제공했습니다. 문서에 포함된 링크 수를 가져옵니다. 이 방법은 코드의 정상적인 기능을 방해하지 않습니다. 예시-1 다음 예에서는 코드에 세 개의 링크가 제공됩니다. DOM 속성 사용 document.links.length 표시된 대로 링크 수가 출력에 표시되었습니다. <html> <body> <a href="https://www.tutorialspoint.c
자바스크립트 document.links.href 를 제공했습니다. href 를 얻으려면 필수 링크의 속성입니다. 이 방법은 배열의 특정 요소를 표시하는 방법과 동일하게 작동합니다. 간단히 논의해 보겠습니다. 예시-1 다음 예에서는 세 개의 링크가 제공되었습니다. document.links.href 사용 세 번째 링크는 출력에서 실행됩니다. 배열과 동일하게 따릅니다. 첫 번째 링크는 0번째 인덱스를, 두 번째 링크는 1번째 인덱스를 가져오는 식입니다. <html> <body> <a href=&
자바스크립트 문서 개체를 제공했습니다. 문서에 대한 세부정보를 얻으려면 . document.domain을 제공했습니다. 문서가 로드된 서버의 도메인을 가져옵니다. 예시 다음 예에서 문서는 tutorialspoint 서버입니다. 따라서 우리가 얻을 도메인은 www.tutorialspoint.com입니다. . 문서.도메인 문서가 로드되는 서버의 도메인을 가져오는 데 사용되는 내장 함수입니다. 이 방법이 tutorialspoint 에서 사용되는 경우 서버, tutorialspoint 에 대한 도메인 출력에 표시된 대로 로드됩니다. &
Javascript가 문서 를 제공했습니다. 개체 문서에 관한 모든 종류의 정보를 처리합니다. 이 개체는 document.cookie를 제공했습니다. 특정 문서와 관련된 쿠키를 가져옵니다. 이 방법은 다른 코드 줄을 방해하지 않습니다. 구문 cookie = document.cookie; 예시 다음 예에서 document.cookie 문서와 연결된 쿠키를 가져오는 데 사용되며 결과는 표시된 대로 출력에 표시됩니다. <html> <body> <p id="cookie"></p&
window.screen 객체는 브라우저 화면에 관한 정보를 얻기 위해 많은 기능을 제공했습니다. screen.availWidth를 제공했습니다. 및 screen.availHeight 사용 가능한 높이를 얻으려면 및 사용 가능한 너비 화면의. 개별적으로 논의합시다. 사용 가능한 너비 예시 screen.availWidth 속성은 Windows 작업 표시줄과 같은 인터페이스 기능의 너비를 뺀 방문자 화면의 실제 너비를 반환합니다. 결과 값은 픽셀입니다. . <html> <body> <p id="
/g 사용자 작업을 쉽게 만드는 정규식 중 하나입니다. /g 제공된 단어를 전 세계적으로 검색합니다. . 단어가 모든 발생에서 다른 단어로 대체되어야 하는 경우 /g 그림에 들어옵니다. 간단히 이야기해 보겠습니다. 다음 예에서는 제공된 파란색 빨간색 이 있는 단어 일반 str.replace()를 적용했습니다. 작업을 달성하는 방법. 글로벌 표시가 없기 때문에 , 단어 blue의 첫 번째 발생만 변경되고 나머지 발생은 일정하게 유지됩니다. 자바스크립트는 대소문자를 구분합니다. 예시 <html> <body>
자바스크립트는 대소문자를 구분합니다. 언어. 단어를 다른 단어로 바꾸려고 할 때 대문자인지 소문자인지 확인해야 합니다. 한 단어의 경우 확인하는 과정은 간단하지만 확인해야 할 숫자 단어가 더 많은 시나리오를 가정합니다. 따라서 이 프로세스를 쉽게 /i 그림에 들어옵니다. 대소문자에 관계없이 단어를 다른 단어로 대체합니다. 예시 다음 예에서는 파란색 이라는 단어를 모두 바꿔야 합니다. 빨간색 . 그러나 발생 중 하나가 자본 에 있으므로 blue라는 단어가 다른 모든 경우를 제외하고 가 빨간색으로 변경됩니다. . <html&
HTML DOM에 새 요소를 추가하려면 , 먼저 생성한 다음 기존 요소에 추가해야 합니다. 따라야 할 단계 1) 먼저 div 섹션을 만듭니다. 태그를 사용하여 텍스트를 추가합니다. . 2) 요소 만들기 document.createElement(p) 사용 . 3) document.createTextNode()를 사용하여 텍스트 만들기 , 위에서 생성한 element(p)에 삽입하도록 합니다. 4) appendChild() 사용 생성된 요소를 텍스트와 함께 기존 div에 추가해 보세요. 태그. 따라서 새로운 요소가 생성되고
제거 기존 HTML 요소 removeChild() 사용되어야 합니다. 부모 요소에서 모든 요소를 제거합니다. 구문 removeChild(element); 요소를 매개변수로 사용하여 DOM에서 제거합니다. 예시 다음 예에서 div 섹션 처음에는 2개의 텍스트가 있습니다. 그러나 removeChild() 메소드를 사용하면 해당 텍스트 중 하나가 제거되고 섹션에 하나의 텍스트만 남습니다. 해당 텍스트가 출력에 표시됩니다. <html> <body> <div id="new"> <
문자열이 특정 문자로 시작하는지 아니면 문자열 indexOf()로 시작하는지 확인하려면 방법이 사용됩니다. 그러나 고급 응용 프로그램에서는 이 방법이 더 이상 사용되지 않습니다. 따라서 ES6은 startsWith()를 제공했습니다. 고급 작업을 수행하는 방법입니다. 다음 예에서 IndexOf() 메소드는 문자열이 특정 문자로 시작되었는지 여부를 찾는 데 사용됩니다. 예시 var 텍스트 =튜토리얼 포인트 document.write(text.indexOf(T) ===0); 출력 사실 다음 예에서는 indexOf() 대신 메소드,
테스트() 메소드는 정규 표현식입니다. 방법. 패턴에 대한 문자열을 검색하고 true 를 반환합니다. 또는 거짓 , 결과에 따라. 주어진 패턴을 만나면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 대소문자를 구분합니다. . 자세히 논의합시다. 예시-1 다음 예에서 Tutorix는 최고의 e-러닝 플랫폼입니다 가 주어지고 패턴 Tu 존재 여부를 확인합니다. 패턴이 존재하기 때문에 test() 메소드가 true 를 반환했습니다. 출력으로. <html> <body> <p id="te
exec() exec() 메소드는 정규식 메소드입니다. 지정된 패턴에 대해 문자열을 검색하며 test()와 달리 regex 메서드는 찾은 텍스트를 객체로 반환합니다. 일치하는 항목이 없으면 null 이 표시됩니다. 출력으로. 자세히 논의합시다. 예시-1 다음 예에서는 exec()를 통해 변수 패턴 est를 확인합니다. 방법. exec() regex 메서드는 텍스트 전체에 걸쳐 주어진 패턴을 조사한 후 패턴을 객체로 반환했습니다. . <html> <body> <script> var obj =
게터 및 세터 객체 접근자를 정의할 수 있습니다. . 그들 사이의 차이점은 전자는 객체에서 속성을 가져오는 데 사용되는 반면 후자는 객체의 속성을 설정하는 데 사용된다는 것입니다. 사례를 통해 논의해 보겠습니다. 게터 예시 다음 예에서 business 가 생성되고 Getter를 사용합니다. 회사라는 속성 가 출력에 표시됩니다. <html> <body> <script> var business= { Name: "Musk"
복제 한 변수에서 다른 변수로 개체를 복사하는 것 외에는 아무것도 아닙니다. 할당 연산자 를 사용한 단순 복제 우리의 의도대로 작동하지 않습니다. 복제가 발생할 때 변수의 변경 사항은 다른 변수의 변경 사항을 반영하지 않아야 합니다. 하지만 할당 연산자의 경우 , 변수의 변경 사항은 분명히 다른 변수에 반영됩니다. 따라서 이 단점을 줄이기 위해 ES6은확산 연산자를 제공했습니다. . 예시 다음 예에서 복제 확산 연산자를 사용하여 수행됩니다. . 따라서 한 변수의 변경 사항은 다른 변수에 반영됩니다. <html> &
반복 하는 두 가지 방법이 있습니다. 자바스크립트의 문자열. 한 가지 방법은 string.repeat()를 사용하는 것입니다. 방법과 다른 방법은 fill()을 사용하는 것입니다. 방법. 자세히 논의해 보겠습니다. 구문 string.repeat(number); 이 메서드는 숫자를 매개변수로 사용하고 문자열을 여러 번 반복합니다. 구문 Array(number).fill(string).join(''); 이 방법은 처음에 숫자를 가져와서 그 만큼의 공간을 할당합니다. 그 모든 위치에 제공된 문자열을 삽입하고 결합하여
자바스크립트에서는 분리 할 수 있습니다. 3가지 방법으로 문자열. 하나는 string.split() 방법이 사용되었고 나중에 ES6은 문자열을 분할하는 2가지 방법을 더 제공했습니다. 첫 번째 방법은 확산 연산자 두 번째 방법으로 array.from()이 사용됩니다. 방법이 사용됩니다. 자세히 논의해 보겠습니다. String.split() 구문 string.split(); 예 다음 예에서 string.split() 메소드는 제공된 문자열을 각 개별 문자로 분할하는 데 사용됩니다. <html> <body>
하위 문자열 을 찾을 수 있습니다. 문자열 내부 두 방법. 한 가지 방법은 indexOf()를 사용하는 것입니다. 방법이고 다른 하나는 ES6 포함()을 사용하고 있습니다. 방법. 자세히 논의해 보겠습니다. indexOf() 구문 indexOf(str); 이 방법은 색인 을 확인하려고 시도합니다. 하위 문자열 우리는 필요합니다. 하위 문자열이 있음을 의미하는 색인이 있는 경우 true else false 출력에 표시됩니다. 출력으로 표시됩니다. 이 방법은 대소문자를 구분합니다. . 예시 <html> <
자바스크립트는 내비게이터 를 제공했습니다. 브라우저에 관한 정보를 찾을 수 있는 개체 . 애플리케이션 이름을 얻으려면 및 버전 정보 , 내비게이터 개체 navigator.appName()을 제공했습니다. 및 navigator.appVersion() 각기. 각각에 대해 개별적으로 논의해 보겠습니다. 브라우저의 애플리케이션 이름 애플리케이션 이름을 얻으려면 , 내비게이터 개체 navigator.appName()을 제공했습니다. . Netscape 는 IE11, Chrome, Firefox 및 Safari의 애플리케이션 이름입니다
Javascript는 내비게이터 라는 개체를 제공했습니다. 이를 통해 브라우저의 세부 정보를 얻을 수 있습니다. 이 탐색기 개체는 navigator.product를 제공했습니다. 및 navigator.appCodeName 브라우저의 제품 및 코드 이름을 가져옵니다. 개별적으로 논의합시다. 제품 이름 제품 속성 제품 이름을 반환하고 대부분의 브라우저에서 코드 이름은 도마뱀붙이입니다. . 예 <html> <body> <p id="proname"></p> <scrip
Javascript가 위치 개체 를 제공했습니다. 현재 웹 페이지에 대한 세부 정보를 얻으려면 이 위치 개체가 window.location.protocol을 제공했습니다. 및 window.location.pathname 프로토콜을 얻으려면 및 경로 이름 현재 웹 페이지의 각각. 자세히 논의해 보겠습니다. 경로 이름 모든 웹사이트에는 경로 이름이 있습니다. . 자바스크립트 위치 개체가 제공한 window.location.pathname 해당 경로 이름을 얻으려면 . 예시 <html> <body> <