최고 100 Java스크립트 인터뷰 질문과 답변(2025)

현재 위치 Java신입 및 경력 지원자 모두 꿈의 직장에 취업할 수 있도록 면접 질문과 답변을 스크립트로 정리했습니다.

 

Java신입생을 위한 스크립트 인터뷰 질문

1. 무엇입니까 Java스크립트?

Java스크립트는 매우 강력한 클라이언트측 스크립팅 언어입니다. Java스크립트는 주로 사용자와 웹페이지의 상호 작용을 향상시키는 데 사용됩니다. 즉, 웹페이지를 더욱 생생하고 대화형으로 만들 수 있습니다. Java스크립트. Java스크립트는 게임 개발과 모바일 애플리케이션 개발에도 널리 사용되고 있습니다.

👉 무료 PDF 다운로드: Java스크립트 인터뷰 질문 및 답변 >>


2. 다음과 같은 차이점을 열거하세요. Java and Java스크립트?

Java 완전한 프로그래밍 언어입니다. 대조적으로, Java스크립트는 HTML 페이지에 도입할 수 있는 코드화된 프로그램입니다. 이 두 언어는 전혀 상호 의존적이지 않으며 다른 의도를 위해 설계되었습니다. Java 객체 지향 프로그래밍(OOPS) 또는 다음과 같은 구조화된 프로그래밍 언어입니다. C++ 또는 C, 반면 Java스크립트 클라이언트 측 스크립팅 언어입니다.


3. 무엇인가 Java스크립트 데이터 유형?

다음은 Java스크립트 데이터 유형:

  • 번호
  • 부울
  • 목적
  • 정의되지 않음

4. isNaN 함수의 용도는 무엇입니까?

isNan 함수는 인수가 숫자가 아니면 true를 반환합니다. 그렇지 않으면 false를 반환합니다.


5. 어느 쪽이 더 빠를까요? Java스크립트와 ASP 스크립트?

Java스크립트가 더 빠릅니다. Java스크립트는 클라이언트 측 언어이므로 실행하기 위해 웹 서버의 도움이 필요하지 않습니다. 반면 ASP는 서버 측 언어이므로 항상 다음보다 느립니다. Java스크립트. Javascript 이제는 서버측 언어(nodejs)이기도 합니다.


6. 음의 무한대란 무엇입니까?

음의 무한대는 숫자입니다. Java음수를 0으로 나누어서 얻을 수 있는 스크립트입니다.


7. 깨는 것이 가능합니까? Java스크립트 코드를 여러 줄로 나누시겠습니까?

문자열 문 내에서 줄바꿈은 첫 번째 줄 끝에 백슬래시 '\'를 사용하여 수행할 수 있습니다.

예:

document. Write ("This is \a program,");

그리고 문자열 문 안에 있지 않을 때 새 줄로 변경하면 javaScript는 줄 바꿈을 무시합니다.

예:

var x=1, y=2,
z=
x+y;

위의 코드는 완벽하게 괜찮지만 디버깅을 방해하므로 권장되지 않습니다.


8. 어느 회사에서 개발했는지 Java스크립트?

Netscape는 소프트웨어 회사입니다. Java스크립트.


9. 선언되지 않은 변수와 정의되지 않은 변수는 무엇입니까?

선언되지 않은 변수는 프로그램에 존재하지 않고 선언되지 않은 변수입니다. 프로그램이 선언되지 않은 변수의 값을 읽으려고 하면 런타임 오류가 발생합니다.

정의되지 않은 변수는 프로그램에서 선언되었지만 값이 지정되지 않은 변수입니다. 프로그램이 정의되지 않은 변수의 값을 읽으려고 하면 정의되지 않은 값이 반환됩니다.


10. 새 요소를 동적으로 추가하는 코드를 작성하시겠습니까?

<html> 
<head> 
<title>t1</title> 
<script type="text/javascript"> 
    function addNode () { var newP = document. createElement("p"); 
    var textNode = document.createTextNode(" This is a new text node"); 
    newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } 
</script> </head> 
<body> <p id="firstP">firstP<p> </body> 
</html>

11. 전역 변수란 무엇입니까? 이 변수는 어떻게 선언됩니까?

전역 변수는 코드 전체에서 사용할 수 있으므로 범위가 없습니다. var 키워드는 지역 변수나 객체를 선언하는 데 사용됩니다. var 키워드를 생략하면 전역 변수가 선언됩니다.

예:

// 전역 선언: globalVariable = "Test";

전역 변수를 사용할 때 직면하는 문제는 지역 범위와 전역 범위의 변수 이름이 충돌한다는 것입니다. 또한 전역 변수에 의존하는 코드를 디버깅하고 테스트하는 것도 어렵습니다.


12. 프롬프트 박스란 무엇인가요?

프롬프트 상자는 사용자가 텍스트 상자를 제공하여 입력을 입력할 수 있는 상자입니다. 텍스트나 숫자를 입력하기 위한 레이블과 상자가 제공됩니다.


13. 'this' 키워드는 무엇입니까? Java스크립트?

'This' 키워드는 호출된 개체를 나타냅니다.


14. 타이머의 작동은 무엇입니까? Java스크립트?

타이머는 설정된 시간에 코드 조각을 실행하거나 주어진 간격으로 코드를 반복하는 데 사용됩니다. 이는 함수를 사용하여 수행됩니다. setTimeout, setInterval, and 클리어간격.

이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 setTimeout(함수, 지연) function은 언급된 지연 후에 특정 기능을 호출하는 타이머를 시작하는 데 사용됩니다. 그만큼 setInterval(함수, 지연) 함수는 언급된 지연 시간 동안 주어진 함수를 반복적으로 실행하고 취소된 경우에만 중지됩니다. 그만큼 clearInterval(ID) 함수는 타이머에 중지를 지시합니다.

타이머는 단일 스레드 내에서 작동하므로 이벤트가 실행되기를 기다리며 대기열에 들어갈 수 있습니다.


15. 주석에 어떤 기호가 사용됩니까? Javascript?

// 한 줄 주석의 경우

/* 다중

라인

Comment

*/


16. ViewState와 SessionState의 차이점은 무엇입니까?

  • 'ViewState'는 세션의 페이지에만 적용됩니다.
  • 'SessionState'는 모든 웹 애플리케이션 페이지에서 액세스할 수 있는 사용자별 데이터에만 적용됩니다.

17. === 연산자는 무엇입니까?

===는 엄격한 동등 연산자라고 하며, 두 피연산자가 변환 없이 같은 값을 가질 때 true를 반환합니다.


18. 다음을 사용하여 양식을 제출하는 방법 Java스크립트?

다음을 사용하여 양식을 제출하려면 Java스크립트 사용

document.form[0].submit();
document.form[0].submit();

19. 않습니다 Java스크립트는 자동 유형 변환을 지원하나요?

예, Java스크립트는 자동 유형 변환을 지원합니다. 이는 다음에서 사용하는 일반적인 유형 변환 방식입니다. Java스크립트 개발자


20. 요소의 스타일/클래스를 어떻게 변경할 수 있나요?

다음과 같은 방법으로 수행할 수 있습니다.

document.getElementById("myText"). style. fontSize = "20";

or

document. getElementById ("myText"). className = "anyclass";

21. 파일을 읽고 쓰는 방법 Java스크립트?

다음을 사용하여 파일을 읽고 쓰는 방법에는 두 가지가 있습니다. Java스크립트

  • 사용 Java스크립트 확장
  • 웹 페이지 및 Active X 개체 사용

22. 모든 루프 구조는 무엇입니까? Java스크립트?

다음은 루핑 구조입니다. Javascript:

  • 럭셔리
  • DaVinci에는
  • Do-while 루프

23. 변수 입력이란 무엇입니까? Javascript?

변수 타이핑은 변수에 숫자를 할당하는 데 사용됩니다. 동일한 변수를 문자열에 할당할 수 있습니다.

예:

i = 10;
i = "string;"

이것을 변수 타이핑이라고 합니다.


24. 어떤 밑의 문자열을 어떻게 정수로 변환할 수 있나요? Java스크립트?

parseInt() 함수는 숫자를 다른 기수 간에 변환하는 데 사용됩니다. parseInt()는 변환할 문자열을 첫 번째 매개변수로 받습니다. 두 번째 매개변수는 주어진 문자열의 기수입니다.

4F(또는 16진수)를 정수로 변환하는 데 사용되는 코드는 다음과 같습니다.

parseInt ("4F", 16);

25. “==”와 “===”의 차이점은 무엇입니까?

"=="는 값의 동일성만 확인하는 반면, "==="는 보다 엄격한 동일성 테스트이며 두 변수의 값이나 유형이 다른 경우 false를 반환합니다.


Java경험이 있는 사람을 위한 스크립트 인터뷰 질문

26. 3+2+”7″의 결과는 무엇입니까?

3과 2는 정수이므로 수치적으로 더해지게 됩니다. 그리고 7은 문자열이므로 연결이 완료됩니다. 그러면 결과는 57이 됩니다.


27. 클라이언트 머신에서 운영 체제를 어떻게 감지합니까?

클라이언트 머신에서 운영 체제를 감지하려면 탐색기. 플랫폼 문자열(속성)을 사용해야 합니다.


28. NULL이 무슨 뜻인가요? Javascript?

NULL 값은 값이 없거나 개체가 없음을 나타내는 데 사용됩니다. 이는 개체 또는 null 문자열, 유효한 부울 값, 숫자 및 배열 개체가 없음을 의미합니다.


29. delete 연산자의 기능은 무엇입니까?

delete 키워드는 속성과 해당 값을 삭제하는 데 사용됩니다.

예시

var student= {age:20, batch:"ABC"};
Delete student. age;

30. 정의되지 않은 값은 무엇입니까? Java스크립트?

정의되지 않은 값은

  • 코드에 사용된 변수가 존재하지 않습니다.
  • 변수에 어떤 값도 할당되지 않았습니다.
  • 속성이 존재하지 않습니다.

31. 사용 가능한 팝업 상자의 모든 유형은 무엇입니까? Java스크립트?

  • 경보
  • 확인하고
  • 신속한

32. Void(0)의 용도는 무엇인가요?

Void(0)은 페이지 새로고침을 방지하기 위해 사용되며, 호출 시 매개변수 “zero”가 전달됩니다.

Void(0)는 페이지를 새로 고치지 않고 다른 메서드를 호출하는 데 사용됩니다.


33. 페이지에서 다른 페이지를 강제로 로드하려면 어떻게 해야 합니까? Java스크립트?

원하는 효과를 얻으려면 다음 코드를 삽입해야 합니다.

<script language="JavaScript" type="text/javascript" >
<!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>

34. 변수의 데이터 유형은 무엇입니까? Java스크립트?

모든 변수 Java스크립트는 객체 데이터 유형입니다.


35. 알림 상자와 확인 상자의 차이점은 무엇입니까?

경고 상자에는 '확인' 버튼 하나만 표시됩니다.

하지만 확인 상자에는 확인과 취소라는 두 개의 버튼이 표시됩니다.


36. 이스케이프 문자란 무엇입니까?

이스케이프 문자(백슬래시)는 작은 따옴표, 큰 따옴표, 아포스트로피, 앰퍼샌드와 같은 특수 문자로 작업할 때 사용됩니다. 문자 앞에 백슬래시를 넣어서 표시합니다.

예:

document. write "I m a "good" boy."
document. write "I m a \"good\" boy."

37. 무엇인가 Java스크립트 쿠키?

Cookies 컴퓨터에 저장된 작은 테스트 파일이며, 사용자가 웹사이트를 방문할 때 생성되어 필요한 정보를 저장합니다. 예를 들어 사용자 이름 세부 정보와 이전 방문 시의 쇼핑 카트 정보가 있습니다.


38. pop() 메소드란 무엇입니까? Java대본은?

pop() 메서드는 shift() 메서드와 유사하지만 차이점은 다음과 같습니다. Shift 메서드는 배열 시작 시 작동합니다. pop() 메소드는 주어진 배열에서 마지막 요소를 가져와서 반환합니다. 그런 다음 호출된 배열이 변경됩니다.

예:

var cloths = ["Shirt", "Pant", "TShirt"];
cloths.pop();
//Now cloth becomes Shirt,Pant

39. 않습니다 Java대본에 개념 수준의 범위가 있나요?

그렇지 않습니다. Java스크립트에는 개념 수준 범위가 없습니다. 함수 내부에 선언된 변수는 함수 내부에 범위가 있습니다.


40. innerHTML을 사용할 때의 단점은 무엇입니까? Java스크립트?

innerHTML을 사용한다면 Java스크립트의 단점은

  • 콘텐츠는 모든 곳에서 대체됩니다.
  • “innerHTML에 추가하는 것처럼 사용할 수 없습니다.
  • "innerHTML = innerHTML + 'html'"과 같이 +=를 사용하더라도 이전 콘텐츠는 여전히 html로 대체됩니다.
  • 전체 innerHTML 콘텐츠가 다시 구문 분석되어 요소로 빌드됩니다. 그러므로 속도가 훨씬 느려집니다.
  • innerHTML은 유효성 검사를 제공하지 않으므로 문서에 유효하고 깨진 HTML을 삽입하여 깨뜨릴 수 있습니다.

41. break 및 continue 문이란 무엇입니까?

Break 문은 현재 루프를 종료합니다.

Continue 문은 루프의 다음 문으로 계속됩니다.


42. 데이터 유형의 두 가지 기본 그룹은 무엇입니까? Java스크립트?

  • 그들은 다음과 같습니다 - 원시적
  • 참조 유형

기본 유형은 숫자와 부울 데이터 유형입니다. 참조 유형은 문자열과 날짜와 같은 더 복잡한 유형입니다.


43. 일반 객체는 어떻게 생성할 수 있나요?

일반 객체는 다음과 같이 생성될 수 있습니다.

var I = new object();

44. 연산자 유형의 용도는 무엇입니까?

'Typeof'는 변수의 유형에 대한 문자열 설명을 반환하는 데 사용되는 연산자입니다.


45. 예외를 처리하는 데 어떤 키워드가 사용됩니까?

Try... Catch - finally는 예외를 처리하는 데 사용됩니다. Java스크립트

Try{
    Code
}
Catch(exp){
    Code to throw an exception.
}
Finally{
    Code runs either it finishes successfully or after catch
}

46. ​​화면에 텍스트를 인쇄하는 데 사용되는 키워드는 무엇입니까?

문서. 쓰기("환영합니다")는 화면에 환영이라는 텍스트를 인쇄하는 데 사용됩니다.


47. 블러 기능의 용도는 무엇인가요?

Blur 기능은 지정된 개체에서 초점을 제거하는 데 사용됩니다.


48. 변수 입력이란 무엇입니까?

변수 입력은 변수에 숫자를 할당한 다음 동일한 변수에 문자열을 할당합니다. 예는 다음과 같습니다.

i= 8;
i="john";

49. 클라이언트 머신에서 운영 체제를 찾는 방법 Java스크립트?

이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 '네비게이터. 앱 버전은 클라이언트 컴퓨터에서 운영 체제의 이름을 찾는 데 사용됩니다.


50. 오류에는 어떤 유형이 있나요? Java스크립트?

오류에는 세 가지 유형이 있습니다.

  • 로드 시간 오류: 부적절한 구문 오류와 같이 웹페이지를 로드할 때 발생하는 오류를 로드 시간 오류라고 하며 오류를 동적으로 생성합니다.
  • 런타임 오류: HTML 언어 내에서 명령을 잘못 사용하여 발생하는 오류입니다.
  • 논리적 오류: 이는 다른 연산을 수행하는 함수에 잘못된 논리를 적용하여 발생하는 오류입니다.

Java5년 경력을 위한 스크립트 인터뷰 질문

51. Push 메소드의 용도는 무엇입니까? Java스크립트?

push 메소드는 Array 끝에 하나 이상의 요소를 추가하거나 추가하는 데 사용됩니다. 이 방법을 사용하면 여러 인수를 전달하여 여러 요소를 추가할 수 있습니다.


52. unshift 방법은 무엇입니까? Java스크립트?

Unshift 방법은 시작 부분에서 작동하는 push 방법과 같습니다. 정렬. 이 방법은 배열의 시작 부분에 하나 이상의 요소를 추가하는 데 사용됩니다.


53. 차이점은 무엇입니까 Java스크립트와 Jscript?

둘 다 거의 비슷합니다. Netscape 및 Jscript 개발 Java스크립트는 다음에 의해 개발되었습니다. Microsoft.


54. 객체 속성은 어떻게 할당되나요?

속성은 다음과 같은 방식으로 객체에 할당됩니다.

obj ["class"] = 12;
or
obj.class = 12;

55. '엄격 모드'란 무엇입니까? Java스크립트는 무엇이며, 어떻게 활성화할 수 있나요?

엄격 모드는 특정 강박을 추가합니다. Java스크립트. 엄격한 모드에서, Java스크립트는 이전에 오류를 표시하지 않았지만 문제가 있고 잠재적으로 안전하지 않을 수 있는 코드 조각에 대한 오류를 표시합니다. Strict Mode는 또한 다음을 방해하는 일부 실수를 해결합니다. Java스크립트 엔진이 효율적으로 작동하지 않습니다.

파일 위에 문자열 리터럴 “use strict”를 추가하면 엄격 모드를 활성화할 수 있습니다. 이는 주어진 예를 통해 설명할 수 있습니다.

function myfunction() {
    "use strict;"
    var v = "This is a strict mode function";
}

56. 수표 상태를 확인하는 방법은 무엇입니까?Box?

상태는 다음과 같이 획득할 수 있습니다.

 alert(document.getElementById('checkbox1').checked); 

수표Box 선택하면 이 경고는 TRUE를 반환합니다.


57. 클라이언트 시스템의 OS를 어떻게 감지할 수 있나요?

navigator.appVersion 문자열은 클라이언트 컴퓨터의 운영 체제를 감지하는 데 사용할 수 있습니다.


58. window.onload와 onDocumentReady가 무엇인가요?

onload 함수는 페이지의 모든 정보가 로드될 때까지 실행되지 않습니다. 이로 인해 코드가 실행되기 전에 상당한 지연이 발생합니다.

onDocumentReady는 DOM이 로드된 직후에 코드를 로드합니다. 이를 통해 코드를 조기에 조작할 수 있습니다.


59. 클로저가 작동하는 방식 Java스크립트?

클로저는 함수가 반환되었을 때 메모리에 머무르는 함수와 관련하여 지역적으로 선언된 변수입니다.

예 :

function greet(message) {
    console.log(message);
}
function greeter(name, age) {

    return name + " says howdy!! He is " + age + " years old";
}
// Generate the message
var message = greeter("James", 23);
// Pass it explicitly to greet
greet(message);
This function can be better represented by using closures
function greeter(name, age) {
    var message = name + " says howdy!! He is " + age + " years old";
    return function greet() {
        console.log(message);
    };
}
// Generate the closure
var JamesGreeter = greeter("James", 23);
// Use the closure
JamesGreeter();

60. 배열에 값을 어떻게 추가할 수 있나요?

주어진 방식으로 배열에 값을 추가할 수 있습니다.

 
arr[arr.length] = value; 

61. for-in 루프란 무엇입니까? Javascript?

for-in 루프는 객체의 속성을 반복하는 데 사용됩니다.

for-in 루프의 구문은 다음과 같습니다.

for (variable name in object){
    statement or block to execute
}

반복할 때마다 객체의 속성 하나가 변수 이름과 연결됩니다. 객체의 모든 속성이 고갈될 때까지 루프가 계속됩니다.


62. 익명 함수의 중요한 속성은 무엇입니까? Java스크립트?

명명된 식별자 없이 선언된 함수를 익명 함수라고 합니다. 일반적으로 익명 함수는 선언 후에는 액세스할 수 없습니다.

익명 함수 선언 -

var anon = function() {
    alert('I am anonymous');
};
anon();

63. .call()과 .apply()의 차이점은 무엇입니까?

.call() 및 .apply() 함수는 약간의 차이점을 제외하고 사용법이 매우 유사합니다. .call()은 함수의 인수 개수가 call 문에서 인수로 언급되어야 하므로 프로그래머에게 알려졌을 때 사용됩니다. 반면에 숫자를 알 수 없을 때 .apply()가 사용됩니다. .apply() 함수는 인수가 배열일 것으로 예상합니다.

.call()과 .apply()의 기본적인 차이점은 인수가 함수에 전달되는 방식에 있습니다. 주어진 예를 통해 사용법을 설명할 수 있습니다.

var someObject = {
myProperty : 'Foo',

myMethod : function(prefix, postfix) {

    alert(prefix + this.myProperty + postfix);
}
};
someObject.myMethod('<', '>'); // alerts '<Foo>'
var someOtherObject  = {

    myProperty : 'Bar.'

};
someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>'

someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'

64. 이벤트 버블링이란 무엇입니까?

Java스크립트는 DOM 요소가 서로 중첩되도록 허용합니다. 이 경우 자식의 핸들러가 클릭되면 부모의 핸들러도 클릭한 것처럼 작동합니다.


65. ~이다. Java스크립트 대소문자 구분? 예를 들어보세요.

예, Java스크립트는 대소문자를 구분합니다. 예를 들어, 함수 parseInt는 함수 Parseint와 다릅니다.


66. 어떤 부울 연산자를 사용할 수 있습니까? Java스크립트?

'그리고' Opera토르(&&), '또는' Opera토르(||) 및 'Not' Opera토르(!)는 다음에서 사용할 수 있습니다. Java스크립트.

*Operators에는 괄호가 없습니다.


67. 하이퍼링크에서 특정 프레임을 어떻게 타겟팅할 수 있습니까? Java스크립트?

이는 'target' 속성을 사용하여 하이퍼링크에 필요한 프레임의 이름을 포함함으로써 수행될 수 있습니다.

<a href="/ko/newpage.htm" target="newframe">>New Page</a>

68. break 및 continue 문의 역할은 무엇입니까?

break 문은 현재 루프에서 빠져나오는 데 사용됩니다. 대조적으로, continue 문은 새로운 반복을 통해 현재 루프를 계속합니다.


69. 웹가든과 웹팜의 차이점을 적어주세요.

웹가든과 웹팜은 모두 웹 호스팅 시스템입니다. 유일한 차이점은 웹가든은 단일 서버에 많은 프로세서를 포함하는 설정이라는 것입니다. 동시에 웹팜은 둘 이상의 서버를 사용하는 대규모 설정입니다.


70. 객체 속성은 어떻게 할당되나요?

객체에 속성을 할당하는 것은 변수에 값을 할당하는 것과 같은 방식으로 수행됩니다. 예를 들어, 폼 객체의 액션 값은 다음과 같은 방식으로 'submit'으로 할당됩니다. Document.form.action="submit"


71. 파일을 읽고 쓰는 방법은 무엇입니까? Java스크립트?

이 작업은 다음을 사용하여 수행할 수 있습니다. Java스크립트 확장(다음에서 실행됨) Java예를 들어 스크립트 편집기(Script Editor)를 사용하여 파일을 여는 경우 –

 fh = fopen(getScriptPath(), 0);

72. DOM은 어떻게 활용되나요? Java스크립트?

DOM은 Document Object Model의 약자로, 문서의 다양한 객체가 서로 어떻게 상호 작용하는지를 담당합니다. DOM은 문단, 링크 등의 객체를 포함하는 웹 페이지를 개발하는 데 필요합니다. 이러한 객체는 추가 또는 삭제와 같은 동작을 포함하도록 작동할 수 있습니다. DOM은 또한 웹 페이지에 추가 기능을 추가하는 데 필요합니다. 게다가 API를 사용하면 다른 기존 모델보다 유리합니다.


73. 이벤트 핸들러는 어떻게 활용되나요? Java스크립트?

이벤트는 사용자가 링크를 클릭하거나 양식을 작성하는 등의 활동으로 인해 발생하는 작업입니다. 이러한 모든 이벤트의 적절한 실행을 관리하려면 이벤트 핸들러가 필요합니다. 이벤트 핸들러는 객체의 추가 속성입니다. 이 속성에는 이벤트 이름과 이벤트가 발생할 경우 수행되는 작업이 포함됩니다.


74. 지연된 스크립트의 역할은 무엇입니까? Java스크립트?

페이지 로딩 중 HTML 코드의 파싱은 스크립트가 실행을 멈추지 않을 때까지 기본적으로 일시 중지됩니다. 서버가 느리거나 스크립트가 특히 무거운 경우 웹 페이지가 지연됩니다.

Deferred를 사용하는 동안 스크립트는 HTML 파서가 실행되는 시간까지 스크립트 실행을 지연합니다. 이렇게 하면 웹 페이지의 로딩 시간이 줄어들고 더 빨리 표시됩니다.


75. 다양한 기능적 구성 요소는 무엇입니까? Java스크립트?

다양한 기능적 구성 요소 Java스크립트는-

  • 일류 기능: 기능 Java스크립트는 일급 객체로 활용됩니다. 이는 일반적으로 이러한 함수가 다른 함수에 인수로 전달되거나, 다른 함수에서 값으로 반환되거나, 변수에 할당되거나, 데이터 구조에 저장될 수 있음을 의미합니다.
  • 중첩된 함수: 다른 함수 내부에 정의된 함수를 중첩 함수라고 합니다. 이들은 메인 함수가 호출될 때마다 '호출됩니다.

76. 다음에 나타난 오류에 대해 쓰십시오. Java스크립트?

Java스크립트는 오류가 발생한 것처럼 메시지를 표시합니다. 인식된 오류는 다음과 같습니다.

  • 로드 시간 오류: 페이지 로드 시 표시되는 오류는 로드 시간 오류 아래에 계산됩니다. 부적절한 구문을 사용하면 이러한 오류가 발생하므로 페이지가 로드되는 동안 감지됩니다.
  • 런타임 오류: 이것은 프로그램이 실행되는 동안 발생하는 오류입니다. 예를 들어, 불법적인 연산은 숫자를 0으로 나누거나 메모리의 존재하지 않는 영역에 액세스합니다.
  • 논리 오류: 이는 구문적으로 올바른 코드로 인해 필요한 작업을 수행하지 못하기 때문에 발생합니다(예: 무한 루프).

77. 화면 개체란 무엇입니까?

화면 개체는 클라이언트 화면의 정보를 읽는 데 사용됩니다. 화면 개체의 속성은 다음과 같습니다.

  • AvailHeight: 클라이언트 화면의 높이를 제공합니다.
  • AvailWidth: 클라이언트 화면의 너비를 제공합니다.
  • ColorDepth: 클라이언트 화면의 이미지에 비트 깊이를 제공합니다.
  • 높이: 작업 표시줄을 포함하여 클라이언트 화면의 전체 높이를 제공합니다.
  • 너비: 작업 표시줄을 포함한 클라이언트 화면의 전체 너비를 제공합니다.

78. unshift() 메서드는 무엇입니까?

이 메서드는 push()와 달리 배열 시작 시 작동합니다. 배열의 맨 위에 원하는 수의 요소를 추가합니다. 예를 들어 -

var name = [ "john" ];
name.unshift( "charlie" );
name.unshift( "joseph", "Jane" );
console.log(name);

출력은 다음과 같습니다.

[" joseph ,"," Jane ,", " charlie ", " john "]

79. unescape(), escape() 함수란 무엇입니까?

escape() 함수는 네트워크를 통해 한 컴퓨터에서 다른 컴퓨터로 정보를 전송하기 위해 문자열을 코딩하는 역할을 합니다.

예를 들면 :

<script>
document.write(escape("Hello? How are you!"));
</script>

출력: Hello%3F%20How%20are%20you%21

unescape() 함수는 코딩된 문자열을 디코딩하므로 매우 중요합니다.

다음과 같은 방식으로 작동합니다. 예를 들어:

<script>
    document.write(unescape("Hello%3F%20How%20are%20you%21"));
</script>

출력: 안녕하세요? 어떻게 지내세요!


80. decodeURI()와 encodeURI()는 무엇입니까?

EncodeURl()은 URL을 XNUMX진수 코딩으로 변환하는 데 사용됩니다. 그리고 DecodeURI()는 인코딩된 URL을 다시 정상으로 변환하는 데 사용됩니다.

<script>
   var uri="my test.asp?name=ståle&car=saab";

   document.write(encodeURI(uri)+ "<br>");

    document.write(decodeURI(uri));
</script>

출력 –

my%20test.asp?name=st%C3%A5le&car=saab

내 test.asp?name=ståle&car=saab


Java10년 이상 경력을 위한 스크립트 인터뷰 질문

81. 왜 innerHTML을 사용하면 안되나요? Java스크립트?

innerHTML 콘텐츠는 매번 새로 고쳐지므로 속도가 느려집니다. innerHTML에는 유효성 검사 범위가 없습니다. 따라서 문서에 악성코드를 삽입하여 웹페이지를 불안정하게 만들기 쉽습니다.


82. 다음 진술은 무엇을 선언합니까?

var myArray = [[[]]];

3차원 배열을 선언합니다.


83. 어때 Java스크립트와 ECMA 스크립트가 관련이 있나요?

ECMA 스크립트는 규칙 및 지침과 비슷하지만 Javascript 웹 개발에 사용되는 스크립트 언어입니다.


84. 네임스페이스란 무엇인가요? Java스크립트는 어떻게 사용되나요?

네임스페이스는 원하는 함수, 변수 등을 고유한 이름으로 그룹화하는 데 사용됩니다. 원하는 기능, 객체, 속성에 붙여진 이름입니다. 이를 통해 코딩의 모듈성이 향상되고 코드 재사용이 가능해집니다.


85. 어떻게 Java스크립트 코드는 지원하지 않는 이전 브라우저에서 숨겨집니다. Java스크립트?

숨기기 위해 Java이전 브라우저의 스크립트 코드:

추가하다 " 꼬리표.

코드 바로 앞에 따옴표 없이 "//->"를 추가합니다. tag.

이제 이전 브라우저에서는 이 문제를 처리합니다. Java긴 HTML 주석으로 스크립트 코드. 지원하는 브라우저가 있는 동안 Java스크립트는 " "를 한 줄 주석으로 사용합니다.


86. 루프인 사용방법 Java스크립트?

루프는 동일한 코드 줄을 특정 횟수만큼 반복적으로 실행하거나 특정 조건이 true인 경우 유용합니다. 웹페이지에 '안녕하세요' 메시지를 100번 입력한다고 가정해 보세요. 물론 같은 줄을 100번 복사해서 붙여넣어야 합니다. 대신 루프를 사용하면 단 3~4줄만으로 이 작업을 완료할 수 있습니다.


87. 루프를 사용하는 방법 Javascript?

루프에는 주로 네 가지 유형이 있습니다. Java스크립트.

for 루프

for/in 루프(나중에 설명)

while 루프

do… while 루프

for 루프

구문 :

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. 루프 코드를 실행하기 전에도Statement1이 먼저 실행됩니다. 따라서 이 명령문은 일반적으로 루프 내부에서 사용되는 변수에 값을 할당하는 데 사용됩니다.
  2. 문2는 실행 조건이다. 고리.
  3. 루프 코드가 실행될 때마다 문3이 실행됩니다.
<html>
<head>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        document.write("<b>Using for loops </b><br />");
        for (i=0;i<students.length;i++)
        {
        document.write(students[i] + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

while 루프

구문 :

while(condition)

{

lines of code to be executed

}

"while 루프"는 지정된 조건이 참인 한 실행됩니다. while 루프 내부에는 특정 시점에 루프를 종료하는 문장을 포함해야 합니다. 그렇지 않으면 루프가 결코 끝나지 않고 브라우저가 충돌할 수 있습니다.

do… while 루프

구문 :

<pre>
do

{

block of code to be executed

} while (condition)

do…while 루프는 while 루프와 매우 유사합니다. 유일한 차이점은 do…while 루프에서는 조건을 확인하기 전에도 코드 블록이 한 번 실행된다는 것입니다.

예:

<html>
<head>
    <script type="text/javascript">
        document.write("<b>Using while loops </b><br />");
        var i = 0, j = 1, k;
        document.write("Fibonacci series less than 40<br />");
        while(i<40)
        {
            document.write(i + "<br />");
            k = i+j;
            i = j;
            j = k;
        }
    </script>
</head>
<body>
</body>
</html>

88. 중요한 것은 무엇인가 Java스크립트 배열 방법을 예를 들어 설명해 주세요.

Java스크립트 배열 방법

Array 객체에는 개발자가 배열을 쉽고 효율적으로 처리하는 데 도움이 되는 많은 속성과 메서드가 있습니다. arrayname.property를 지정하여 속성 값을 가져올 수 있고 arrayname.method()를 지정하여 메서드의 출력을 가져올 수 있습니다.

  • 길이 속성 –> 배열의 요소 수를 알고 싶다면 length 속성을 사용할 수 있습니다.
  • 프로토타입 속성 –> 새로운 속성과 메소드를 추가하려면 프로토타입 속성을 사용하면 됩니다.
  • 역 방법 –> reverse 메소드를 사용하여 배열의 항목 순서를 반대로 바꿀 수 있습니다.
  • 정렬 방법 –> sort 메소드를 사용하여 배열의 항목을 정렬할 수 있습니다.
  • 팝 방식 –> 팝 메소드를 사용하여 배열의 마지막 항목을 제거할 수 있습니다.
  • 교대 방법 –> shift 메서드를 사용하여 배열의 첫 번째 항목을 제거할 수 있습니다.
  • 푸시 방법 –> 배열의 마지막 항목으로 값을 추가할 수 있습니다.
<html>
<head>
    <title>Arrays!!!</title>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        Array.prototype.displayItems=function(){
            for (i=0;i<this.length;i++){
                document.write(this[i] + "<br />");
            }
        }    
        document.write("students array<br />");
        students.displayItems();
        document.write("<br />The number of items in students array is " + students.length + "<br />");
        document.write("<br />The SORTED students array<br />");
        students.sort();
        students.displayItems();
        document.write("<br />The REVERSED students array<br />");
        students.reverse();
        students.displayItems();
        document.write("<br />THE students array after REMOVING the LAST item<br />");
        students.pop();
        students.displayItems();
		document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
        students.displayItems();
    </script>
</head>
<body>
</body>
</html>

89. OOPS 개념이란? Java스크립트?

실제 상황을 시뮬레이션하기에는 변수나 배열만으로는 충분하지 않은 경우가 많습니다. Java스크립트를 사용하면 실제 객체처럼 작동하는 객체를 만들 수 있습니다. 학생이나 집은 고유한 특성이 많은 객체가 될 수 있습니다. 객체에 대한 속성과 메서드를 만들어 프로그래밍을 더 쉽게 만들 수 있습니다. 객체가 학생인 경우 이름, 성, ID 등의 속성과 순위 계산, 주소 변경 등의 메서드가 있습니다. 객체가 집인 경우 방 수, 페인트 색상, 위치 등의 속성이 있습니다. 메서드에는 면적 계산, 소유자 변경 등이 있습니다.

개체를 만드는 방법

다음과 같은 객체를 생성할 수 있습니다.

var objName = new		Object();
objName.property1 = value1;
objName.property2 = value2;
objName.method1 = function()
{
line of code	
}

OR

var objName= {property1:value1, property2:value2, method1: function()

{ lines of code} };

90. 객체의 속성을 통한 루프란 무엇입니까?

for/in 루프는 일반적으로 객체의 속성을 반복하는 데 사용됩니다. 변수 이름은 무엇이든 지정할 수 있지만 개체 이름은 반복해야 하는 기존 개체와 동일해야 합니다.

구문 :

for (variablename in objectname)

{

lines of code to be executed

}

예:

<html>
<head>
    <script type="text/javascript">
        var employee={first:"John", last:"Doe", department:"Accounts"};
		var		details = "";
		document.write("<b>Using for/in loops </b><br />");
        for (var x in employee)
        {
		details = x + ": " + employee[x];
		document.write(details + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

91. 무엇입니까 Java스크립트 단위 테스트 및 과제는 무엇입니까? Java스크립트 단위 테스트?

Java스크립트 단위 테스트는 다음과 같은 테스트 방법입니다. Java스크립트는 웹 페이지나 웹 애플리케이션 모듈을 위해 작성된 코드를 테스트합니다. HTML과 인라인 이벤트 핸들러로 결합되어 브라우저에서 실행되어 모든 기능이 제대로 작동하는지 테스트합니다. 이러한 단위 테스트는 테스트 모음에 정리됩니다.

모든 제품군에는 별도의 모듈에 대해 실행되도록 설계된 여러 테스트가 포함되어 있습니다. 가장 중요한 것은 다른 모듈과 충돌하지 않으며 서로에 대한 종속성이 적은 상태로 실행된다는 것입니다(일부 중요한 상황에서는 종속성이 발생할 수 있음).

도전 과제 Java스크립트 단위 테스트:

다음은 중요한 과제입니다. Java스크립트 단위 테스트:

  • 다른 많은 언어는 브라우저, 안정적인 환경 및 런타임 환경에서 단위 테스트를 지원하지만 Java스크립트를 사용할 수 없습니다
  • 다른 언어에서는 일부 시스템 동작을 이해할 수 있지만, 다른 언어에서는 그렇지 않습니다. Java스크립트
  • 일부 Java스크립트는 여러 종속성이 있을 수 있는 웹 애플리케이션을 위해 작성됩니다.
  • Java스크립트는 웹에서 사용하는 것보다 HTML 및 CSS와 함께 사용하는 것이 좋습니다.
  • 페이지 렌더링 및 DOM 조작의 어려움
  • 때로는 'example.js를 로드할 수 없습니다' 또는 기타 오류 메시지가 화면에 표시되는 경우가 있습니다. Java버전 제어와 관련된 스크립트 오류입니다. 이러한 취약점은 단위 테스트에 속합니다. Java스크립트

솔루션 Java스크립트 단위 테스트:

이러한 문제를 방지하기 위해 할 수 있는 일은 다음과 같습니다.

  • 전역 변수를 사용하지 마십시오.
  • 미리 정의된 개체를 조작하지 마십시오.
  • 라이브러리를 기반으로 핵심 기능을 설계합니다.
  • 종속성이 적은 작은 기능을 만들어 보십시오.

92. 중요한 것은 무엇인가? Java스크립트 단위 테스트 프레임워크?

다음은 인기 있는 것들의 엄선된 목록입니다. Java널리 사용되는 스크립트 단위 테스트 프레임워크 및 도구:

Unit.js: 이는 브라우저와 Node.js에서 실행되는 오픈 소스 어설션 라이브러리로 알려져 있습니다. 다른 제품과 매우 호환됩니다. JavaMocha, Karma, Jasmine, QUnit, Protractor 등과 같은 스크립트 단위 테스트 프레임워크. 어설션 목록의 전체 문서화된 API를 제공합니다.

Q단위: 클라이언트 측과 서버 측 모두에 사용됩니다. Java스크립트 단위 테스트. 이 무료 Java스크립트 테스트 프레임워크는 jQuery 프로젝트에 사용됩니다. 단위 테스트를 위한 Common JS 단위 테스트 사양을 따릅니다. Java스크립트. Node 장기 지원 일정을 지원합니다.

재스민 속: Jasmine은 단위 테스트를 위한 행동 중심 개발 프레임워크입니다. Java스크립트. 동기 및 비동기 테스트에 사용됩니다. Java스크립트 코드. DOM이 필요 없고 모든 테스트에 쓸 수 있는 쉬운 구문이 제공됩니다.

갈마 : Karma는 오픈 소스 생산 테스트 환경입니다. 명령줄에서 실행되는 간편한 작업 흐름 제어. Jasmine, Mocha 및 QUnit을 사용하여 테스트를 자유롭게 작성할 수 있습니다. 손쉬운 디버깅으로 실제 기기에서 테스트를 실행할 수 있습니다.

모카: Mocha는 Node.js와 브라우저에서 실행됩니다. Mocha는 비동기 테스트를 더 간단하게 수행합니다. 보고에 정확성과 유연성을 제공합니다. 테스트별 타임아웃과 같은 풍부한 기능에 대한 엄청난 지원을 제공합니다. Java스크립트 API.

이다: Facebook은 지금까지 jess를 사용하여 모든 것을 테스트했습니다. Java스크립트 코드. '제로 구성 테스트 경험'을 제공합니다. 충돌 없이 독립적이고 중단 없는 실행 테스트를 지원합니다. 다른 설정 구성 및 라이브러리가 필요하지 않습니다.

아바타: AVA는 간단하다 Java스크립트 단위 테스트 프레임워크. 테스트는 병렬 및 직렬로 실행됩니다. 병렬 테스트는 서로를 방해하지 않고 실행됩니다. 이 테스트 프레임워크는 비동기 테스트도 지원합니다. AVA는 하위 프로세스를 사용하여 단위 테스트를 실행합니다. Java스크립트.


93. QuickSort 알고리즘이란? Java스크립트?

퀵 정렬 알고리즘은 분할 및 정복 접근 방식을 따릅니다. 이는 일부 조건에 따라 요소를 더 작은 부분으로 나누고, 나뉜 더 작은 부분에 정렬 작업을 수행합니다.

퀵 정렬 알고리즘은 모든 프로그래밍 언어에서 가장 많이 사용되고 인기 있는 알고리즘 중 하나입니다. Java스크립트 개발자라면 이미 사용 가능한 sort()에 대해 들어보셨을 것입니다. Java스크립트. 그런 다음, 이 퀵 정렬 알고리즘이 필요한 이유가 무엇인지 생각해 보았을 것입니다. 이를 이해하려면 먼저 정렬이 무엇이고 기본 정렬이 무엇인지 알아야 합니다. Java스크립트.

퀵 정렬은 다음을 따릅니다. 분할 정복 알고리즘입니다. 이는 몇 가지 조건에 따라 요소를 더 작은 부분으로 나누고, 나뉜 더 작은 부분에 정렬 작업을 수행합니다. 따라서 대규모 데이터 세트에 적합합니다. 따라서 Quicksort가 작동하는 단계를 간단히 설명하겠습니다.

  1. 먼저, 호출할 요소를 선택합니다. 피벗 요소입니다.
  2. 다음으로 모든 배열 요소를 선택한 피벗 요소와 비교하여 피벗 요소보다 작은 요소가 남도록 배열합니다. 피벗보다 큰 것이 오른쪽에 있습니다.
  3. 마지막으로 피벗 요소의 왼쪽과 오른쪽 요소에 대해서도 동일한 작업을 수행합니다.

이것이 Quicksort의 기본 개요입니다. Quicksort를 수행하기 위해 하나씩 따라야 하는 단계는 다음과 같습니다.


94. QuickSort는 어떻게 작동하나요?

단계 1) 먼저, 찾아 "피벗" 배열의 요소입니다.

단계 2) 배열의 첫 번째 요소에서 왼쪽 포인터를 시작합니다.

단계 3) 배열의 마지막 요소에서 오른쪽 포인터를 시작합니다.

단계 4) 왼쪽 포인터와 가리키는 요소를 비교하여 피벗 요소보다 작은 경우 왼쪽 포인터를 오른쪽으로 이동합니다(왼쪽 인덱스에 1 추가). 왼쪽 요소가 피벗 요소보다 크거나 같을 때까지 이를 계속합니다.

단계 5) 오른쪽 포인터와 가리키는 요소를 비교하십시오. 피벗 요소보다 큰 경우 오른쪽 포인터를 왼쪽으로 이동합니다(오른쪽 인덱스에서 1 빼기). 오른쪽 요소가 피벗 요소보다 작거나 같을 때까지 이를 계속합니다.

단계 6) 왼쪽 포인터가 오른쪽 포인터보다 작거나 같은지 확인한 다음 이러한 포인터 위치의 요소를 확인하세요.

단계 7) 왼쪽 포인터를 증가시키고 오른쪽 포인터를 감소시킵니다.

단계 8) 왼쪽 포인터 인덱스가 여전히 오른쪽 포인터 인덱스보다 작으면 프로세스를 반복합니다. 그렇지 않으면 왼쪽 포인터의 인덱스를 반환합니다.

퀵소트 작업

이제 예를 들어 이러한 단계를 살펴보겠습니다. 정렬해야 하는 요소의 배열이 [5,3,7,6,2,9]라고 가정해 보겠습니다.

다음은 예제 [5,3,7,6,2,9]와 함께 표시되는 빠른 정렬을 수행하는 단계입니다.

1 단계) 피벗을 중간 요소로 결정합니다. 그래서, 7 피벗 요소입니다.

2 단계) 왼쪽 및 오른쪽 포인터를 각각 배열의 첫 번째 요소와 마지막 요소로 시작합니다. 왼쪽 포인터는 인덱스 5의 0를 가리키고 오른쪽 포인터는 9 인덱스 5에서.

3 단계) 5 < 6이므로 왼쪽 포인터 요소를 피벗 요소와 비교합니다. 왼쪽 포인터를 오른쪽 인덱스 1로 이동합니다.

4 단계) 이제 여전히 3 < 6이므로 왼쪽 포인터를 오른쪽으로 한 인덱스 더 이동합니다. 이제 7 > 6은 왼쪽 포인터를 증가시키는 것을 멈추고 이제 왼쪽 포인터는 인덱스 2입니다.

5 단계) 이제 오른쪽 포인터의 값을 피벗 요소와 비교합니다. 9 > 6이므로 오른쪽 포인터를 왼쪽으로 이동합니다. 이제 2 < 6이므로 오른쪽 포인터 이동을 중지합니다.

6 단계) 왼쪽 포인터와 오른쪽 포인터에 있는 두 값을 서로 바꿉니다.

7 단계) 두 포인터를 한 단계 더 이동합니다.

8 단계) 6 = 6이므로 포인터를 한 단계 더 이동하고 왼쪽 포인터가 오른쪽 포인터를 교차하고 왼쪽 포인터의 인덱스를 반환하면 중지됩니다.

여기에서는 위의 접근 방식을 기반으로 위 단계에서 언급한 대로 요소를 교체하고 배열을 분할하는 코드를 작성해야 합니다.

예:

var items = [5,3,7,6,2,9];
function swap(items, leftIndex, rightIndex){
    var temp = items[leftIndex];
    items[leftIndex] = items[rightIndex];
    items[rightIndex] = temp;
}
function: partition(items, left, right) {
    var pivot   = items[Math.floor((right + left) / 2)], //middle element
        i       = left, //left pointer
        j       = right; //right pointer
    while (i <= j) {
        while (items[i] < pivot) {
            i++;
        }
        while (items[j] > pivot) {
            j--;
        }
        if (i <= j) {
            swap(items, i, j); //sawpping two elements
            i++;
            j--;
        }
    }
    return i;
}

function quickSort(items, left, right) {
    var index;
    if (items.length > 1) {
        index = partition(items, left, right); //index returned from partition
        if (left < index - 1) { //more elements on the left side of the pivot
            quickSort(items, left index - 1);
        }
        if (index < right) { //more elements on the right side of the pivot
            quickSort(items, index, right);
        }
    }
    return items;
}
// first call to quick sort
var sortedArray = quickSort(items, 0, items.length - 1);
console.log(sortedArray); //prints [2,3,5,6,7,9]

95. DOM이란 무엇인가? Java스크립트?

Java스크립트는 DOM(Document Object Model)을 사용하여 웹 페이지의 모든 요소에 액세스할 수 있습니다. 웹 브라우저는 페이지가 로드될 때 웹 페이지의 DOM을 만듭니다.


96. DOM과 이벤트를 어떻게 사용하나요?

DOM을 사용하여, Java스크립트는 여러 작업을 수행할 수 있습니다. 새로운 요소와 속성을 만들고, 기존 요소와 속성을 변경하고, 기존 요소와 속성을 제거할 수도 있습니다. Java스크립트는 기존 이벤트에 반응하고 페이지에서 새로운 이벤트를 만들 수도 있습니다.

  1. getElementById, innerHTML 예
  2. getElementById: ID가 설정된 요소 및 속성에 액세스합니다.
  3. innerHTML: 요소의 콘텐츠에 액세스합니다.
<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <h3 id="one">Welcome</h3>
  <p>This is the welcome message.</p>
  <h3>Technology</h3>
  <p>This is the technology section.</p>
  <script type="text/javascript">
        var text = document.getElementById("one").innerHTML;
        alert("The first heading is " + text);
  </script>
</body>
</html>

2.getElementsByTagName 예

getElementsByTagName: 태그 이름을 사용하여 요소 및 속성에 액세스합니다. 이 메소드는 동일한 태그 이름을 가진 모든 항목의 배열을 반환합니다.

<html>

<head>

    <title>DOM!!!</title>

</head>

<body>

  <h3>Welcome</h3>

  <p>This is the welcome message.</p>

  <h3>Technology</h3>

  <p id="second">This is the technology section.</p>

  <script type="text/javascript">

    var paragraphs = document.getElementsByTagName("p");

    alert("Content in the second paragraph is " + paragraphs[1].innerHTML);

    document.getElementById("second").innerHTML = "The orginal message is changed.";

  </script>

</body>

</html>

이벤트 핸들러 예

  1. createElement: 새 요소를 생성합니다.
  2. RemoveChild: 요소 제거
  3. 당신은 추가할 수 있습니다 이벤트 핸들러 이와 같은 특정 요소에
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

document.getElementById(id).addEventListener("click", functionname)

예:

<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <input type="button" id="btnClick" value="Click Me!!" />
  <script type="text/javascript">
    document.getElementById("btnClick").addEventListener("click", clicked);
    function clicked()
    {
            alert("You clicked me!!!");
    }    
  </script>
</body>
</html>

97. 외부란 무엇인가 Java스크립트?

모든 웹 페이지에 현재 날짜와 시간을 표시하려고 합니다. 코드를 작성하여 모든 웹 페이지(예: 100개)에 복사했다고 가정해 보겠습니다. 하지만 나중에 날짜나 시간이 표시되는 형식을 변경하려고 합니다. 이 경우 100개 웹 페이지 전체를 변경해야 합니다. 이는 매우 시간이 많이 걸리고 어려운 작업입니다.

따라서 저장 Java확장자가 .js인 새 파일에 스크립트 코드를 작성합니다. 그런 다음 모든 웹 페이지에 다음과 같이 .js 파일을 가리키는 코드 줄을 추가합니다.

<script type="text/javascript," src="/currentdetails.js,">

참고 : .js 파일과 모든 웹 페이지가 동일한 폴더에 있다고 가정합니다. external.js 파일이 다른 폴더에 있는 경우 src 속성에 파일의 전체 경로를 지정해야 합니다.

예:

var currentDate = new Date();
var day = currentDate.getDate();
Var month = currentDate.getMonth() + 1;
var monthName;
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
It (hours >12 )
{
    hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
    hours1 = "0" + hours;
    strToAppend = "AM";
}
else
{
    hours1 = hours;
    strToAppend = "PM";
}
if(mins<10)
mins = "0" + mins;
if (secs<10)
    secs = "0" + secs;
switch (month)
{
    case 1:
        monthName = "January";
        break;
    case 2:
        monthName = "February";
        break;
    case 3:
        monthName = "March";
        break;
    case 4:
        monthName = "April";
        break;
    case 5:
        monthName = "May";
        break;
    case 6:
        monthName = "June";
        break;
    case 7:
        monthName = "July";
        break;
    case 8:
        monthName = "August";
        break;
    case 9:
        monthName = "September";
        break;
    case 10:
        monthName = "October";
        break;
    case 11:
        monthName = "November";
        break;
    case 12:
        monthName = "December";
        break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);

98. 내부 및 외부 사용 시기 Java스크립트 코드?

특정 웹페이지와 관련된 코드가 몇 줄 밖에 없다고 가정해 보겠습니다. 그런 경우에는 보관을 유지하는 것이 좋습니다. JavaHTML 문서 내부의 스크립트 코드입니다.

반면에 Java스크립트 코드는 많은 웹 페이지에서 사용되므로 코드를 별도의 파일에 보관하는 것을 고려해야 합니다. 코드를 변경하려면 하나의 파일만 변경하면 되므로 코드 유지 관리가 쉽습니다. 코드가 너무 길면 별도의 파일에 보관하는 것이 좋습니다. 이렇게 하면 디버깅이 쉬워집니다.


99. 쿠키란 무엇인가? Java스크립트?

쿠키는 브라우저에서 액세스할 수 있도록 컴퓨터에 저장된 데이터입니다. 또한 쿠키의 이점을 알고 있거나 모르고 누리고 있을 수도 있습니다. 로그인을 시도할 때마다 입력하지 않아도 되도록 Facebook 비밀번호를 저장한 적이 있습니까? 그렇다면 쿠키를 사용하고 있는 것입니다. 쿠키는 키/값 쌍으로 저장됩니다.

Javascript 세트 쿠키:

문서를 이용하여 쿠키를 생성할 수 있습니다. 이와 같은 쿠키 속성.

document.cookie = "cookiename=cookievalue"

쿠키에 만료 날짜를 추가하여 지정된 날짜에 컴퓨터에서 특정 쿠키를 제거할 수도 있습니다. 만료 날짜는 UTC/GMT 형식으로 설정되어야 합니다. 만료 날짜를 설정하지 않으면 사용자가 브라우저를 닫을 때 쿠키가 제거됩니다.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

또한 도메인과 경로를 설정하여 쿠키가 속한 특정 도메인의 도메인과 디렉터리를 지정할 수도 있습니다. 기본적으로 쿠키는 쿠키를 설정하는 페이지에 속합니다.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/		

//현재 페이지에 대한 도메인과 전체 도메인에 대한 경로가 포함된 쿠키를 생성합니다.

Java스크립트 쿠키 가져오기

이와 같이 쿠키에 액세스하면 현재 도메인에 대해 저장된 모든 쿠키가 반환됩니다.

var x =  document.cookie

Java스크립트 쿠키 삭제

쿠키를 삭제하려면 쿠키 값을 공백으로 설정하고 만료 값을 전달된 날짜로 설정하면 됩니다.

예:

<html>
<head>
    <title>Cookie!!!</title>
    <script type="text/javascript">
        function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
        function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
             }
            return "";
        }
        function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
            alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            It (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
    </script>
</head>
<body onload="checkCookie()"></body>
</html>

100. 예를 들어보세요. Java스크립트 곱셈표

다음은 사용자에게 원하는 행과 열의 수를 묻는 간단한 곱셈표의 예입니다.

예:

<html>
<head>
  <title>Multiplication Table</title>
  <script type="text/javascript">
    var rows = prompt("How many rows for your multiplication table?");
    var cols = prompt("How many columns for your multiplication table?");
    if(rows == "" || rows == null)
            rows = 10;
    if(cols== "" || cols== null)
            cols = 10;
    createTable(rows, cols);
    function createTable(rows, cols)
    {
      var j=1;
      var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>";
      for(i=1;i<=rows;i++)
      {
        output = output + "<tr>";
        while(j<=cols)
        {
            output = output + "<td>" + i*j + "</td>";
             j = j+1;
           }
            output = output + "</tr>";
            j = 1;
    }
    output = output + "</table>";
    document.write(output);
    }
  </script>
</head>
<body>
</body>
</html>

101. 이벤트를 이용한 팝업 메시지를 예시로 설명하기

데모 웹페이지에 간단한 메시지 "환영합니다!!!"를 표시하고 사용자가 메시지 위에 마우스를 올리면 "내 웹페이지에 오신 것을 환영합니다!!!"라는 메시지가 팝업으로 표시되어야 합니다.

예:

<html>
    <head>

    <title>Event!!!</title>

    <script type="text/javascript">

    function trigger()

    {

    document.getElementById("hover").addEventListener("mouseover", popup);

    function popup()

    {

    alert("Welcome to my WebPage!!!");

    }

    }

    </script>

    <style>

    p{
         font-size:50px;
         position: fixed;
         left: 550px;
         top: 300px;
    }
    </style>
    </head>
    <body  onload="trigger();">
    <p id="hover">Welcome!!!</p>
    </body>
    </html>		

이 인터뷰 질문은 당신의 비바(구술)에도 도움이 될 것입니다.