WEB_TECH 썸네일형 리스트형 Try...Catch 구문 try...catch 구문은 에러코드 블록을 테스트 할 수 있도록 해 줍니다. 자바스크립트의 에러 캐치인터넷에서 웹페이지를 브라우징할 때 경고창 뜨면서 런타임 에러가 있다면서 "Do you wish to debug?라고 묻는 경우를 봤을 것입니다.에러 메시지는 이처럼 개발자들에게는 유용하지만 사용자들이 에러를 발견하면 웹페이지를 떠나게 됩니다. 이처럼 자바스크립트 에러 메시지를 잡아내고 다루는 방법을 배워보겠습니다.고객을 잃지 말아야 하니까요. try...catch 구문 try...catch 구문은 에러코드 블록을 테스트 할 수 있도록 허용합니다.try블록은 실행되는 코드를 포함하고 catch블록은 에러가 발생하면 실행되는 코드가 포함되어 있습니다. 문법try{ { //Run some code here}.. 더보기 이벤트 자바스크립트를 이용해서 다이나믹한 웹페이지를 만들 수 있습니다.이벤트는 자바스크립트에 의해 감지되는 어떤 액션을 의미합니다. 모든 웹페이지의 엘리먼트들은 자바스크립트에 트리거 할 수 있는 이벤트를 가지고 있습니다.예를 들면 onclick이라는 이벤트를 버튼엘리먼트에 달고 유저가 버튼을 클릭하면 어떤 특정 함수를 가리키도록 만들 수 있습니다. 이벤트의 예를 들어 볼까요?버튼을 클릭하는것페이지의 로딩이 끝나는것이미지로딩이 끝나는 것마우스 커서가 엘리먼트위에 올라오는 것input field에 들어가는 것form을 submit하는 것키보드 자판을 입력하는 것... 등 다양한 이벤트와 함수를 조합하여 멋진 인터랙션을 만들어 낼 수 있습니다. HTML 이벤트 속성을 사용하기HTML엘리먼트 안에 이벤트 속성을 사용하.. 더보기 자바스크립트 함수 Function 자바스크립트 함수함수는 실행하라고 말하면 실행되는 코드들의 모음입니다.이벤트가 발생하거나 버튼을 클릭하거나 스크립트안에 호출하거나 또다른 함수에 호출하는 식으로만들수 있습니다. 함수 만드는 법 function{실행문} Argument가 있는 함수호출 함수를 호출할때 Argument 또는 parameter라고 하는 값을 사용해서 호출할 수 있습니다.이런 아규먼트들은 함수내에서 사용되죠.만드는법function myFunction(var1,var2){실행문} Click the button to call a function with arguments Try it 리턴값이 있는 함수때로는 함수가 호출이 이루어졌을 때 어떤 값을 반환하도록 만들수 있습니다.이때 유용하게 사용되는 것이 return문입니다.이런 식으로.. 더보기 pop up boxes 1. Alert Box경고창입니다. alert("sometext"); 예제 줄바꿈을 넣어보겠습니다.alert("Hello\nHow are you?");\n 을 넣으면 줄바꿈이 일어납니다. 2. Confirm Boxok, cancel 버튼을 클릭하면 true, flase값 반환confirm("sometext"); 예제 Click the button to display a confirm box. Try it 3. Prompt Boxok버튼 클릭하면 인풋값이 들어간 후에 진행되고, cancel 버튼 글릭하면 null값을 리턴합니다.prompt("sometext","defaultvalue"); 예제 Click the button to demonstrate the prompt box. Try it 더보기 반복문 종종 반복되는 코드의 같은 블록을 루프를 사용하여 스크립트를 작성할 수 있습니다.대표적인 반복문으로는 for문과 while문이 있습니다. For 문 : 특정 숫자의 차례동안 블록을 수행하는 반복문while문 : 특정조건이 참이 되는 동안 블록을 수행하는 반복문 for Loop for (variable=startvalue;variable 더보기 조건문 IF문입니다.조건을 나타낼 때 가장 많이 쓰이는 구문입니다.다음 예제를 실행해 보겠습니다. Click the button to get a time-based greeting. Try it 비슷한 조건이 계속될 때는 switch ~ case 구문을 사용하면 유용합니다.다음 예제를 실행해 보겠습니다. Click the button to display what day it is today. Try it 더보기 연산자 = 는 같다는 뜻이 아니고 대입한다는 뜻입니다.+ 는 숫자를 더하는데도 쓰고 문자열을 더하는 데도 사용합니다. 다음은 연산자들입니다. + 더하기- 빼기* 곱하기/ 나누기% 모듈러스(나누고남은값)++ 증가-- 감소 = 대입+= -=*=/=%= 다음 예제를 실행해 보겠습니다. Given that x=10 and y=5, calculate x+=y, and display the result.Try it 실행하고 버튼을 클릭하면 x = 15가 출력됩니다. 더보기 자바스크립트 어떻게 작성할까요? 다음처럼 HTML문서에 직접 작성할 수 있습니다. My First Web Page HTML엘리먼트에 접근할 수 있습니다. 자바스크립트는 HTML엘리먼트를 다루기 위해 사용됩니다.HTML의 "id" 속성은 HTML엘리먼트를 정의하는데 사용합니다.HTML엘리먼트를 자바스크립트로 제어하려면 document.getElementById()메서드를 사용해야 합니다. My First Web Page My First Paragraph 더보기 javascript를 작성하는 곳 자바스크립트는 A Paragraph 3.외부파일을 별도로 작성 이번에는 외부에 자바스크립트를 써 보겠습니다. 먼저 html파일을 이렇게 작성해 줍니다. A Paragraph 그리고 외부에 where3.js 라고 별도로 자바스크립트 파일을 작성합니다. function changeText(){document.getElementById("demo").innerHTML="My First Javascript";} 역시 똑같은 결과를 보여줍니다. 더보기 html5에서 사운드 사용하기 html5에서는 새로운 태그가 지원됩니다. 사운드를 플레이 하려면 다음과 같이 단순하게 구현할 수 있습니다. 당신의 웹브라우저는 audio 요소를 지원하지 않습니다. audio 태그에 control속성을 넣어주면 콘트롤바가 생깁니다. 만일 loop로 돌리려면 이런 속성울 주면 되겠죠. 만일 콘트롤러 없애고 자동으로 시작하고 루프 하려면 다음과 같이 적어주면 됩니다. 더보기 이전 1 ··· 5 6 7 8 9 다음