1. 함수 매개변수
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
2. 함수 값 전달
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
3. 루프문
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}
4. 루프문
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}
5. 이벤트
이벤트의 종류는 다양하다 그리고 사용방법은 이전 예제에서 많이 있다.
그래서 다른 방법의 이벤트 호출 방법을 보자.
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
</script>
6. 예외처리
<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n\n";
if(!confirm(txt))
{
document.location.href="http://www.w3schools.com/";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
'Development > Web & Server' 카테고리의 다른 글
| [Javascript] Literal이란.. (0) | 2013.10.10 |
|---|---|
| [Javascript] Javascript vs C언어 변수 차이점 (0) | 2013.10.10 |
| [Javascript] basic syntax - 01 (0) | 2013.10.01 |
| [Spring framework] 스프링의 특징 (0) | 2013.09.18 |
| [Spring framework] Controller에서 Json값으로 Retrun 하기 (0) | 2013.09.17 |