단추를 누르면 배경색이 if() 문장으로
녹색이면 청색으로, 청색이면 녹색으로 변경 됨. |
<head>
..
<script Language="Javascript">
<!-- 감춤
if (navigator.appName == "Netscape") navi="N";
else if (navigator.appName == "Microsoft Internet Explorer") navi="E";
else navi="U";
cssstr='<link rel=stylesheet type="text/css" href="../../pub/st';
if (navi=='N') {
cssstr+='ns';
document.write(cssstr+ 'pub.css">'); //alert(cssstr + 'pub.css">');
document.write(cssstr+'std.css">'); //alert(cssstr+'std.css">');
} else {
cssstr+='ex';
document.write(cssstr+'std.css">');
document.write(cssstr+ 'pub.css">');
}
// 이상은 기본 메뉴를 가져오기 위한 style 부르는 것이다.
function change() {
// alert(document.bgColor)
if (document.bgColor == '#ffffff') {
document.bgColor = '#000000';
} else if (document.bgColor == '#000000'){
document.bgColor = '#008800'
} else if (document.bgColor == '#008800'){
document.bgColor = '#ff0000'
} else if (document.bgColor == '#ff0000'){
document.bgColor = '#0000ff'
} else document.bgColor = '#ffffff'
}
// 감춤 끝 -->
</script>
</head>
<body>
<table border=1 cellpadding=2 cellspacing=2>
<tr><td bgcolor=6060ff><font color=00ffff>
단추를 누르면 배경색이 if() 문장으로<br>
녹색이면 청색으로, 청색이면 녹색으로 변경 됨.</td></tr>
</table>
<form>
<input type = "button" value="배경 색상 변경" onclick="change()">
</form>
 중요 사항
- document.bgColor 로 현재 문서의 배경색을 감지(현재 배경색=document.bgColor) 혹은 설정(document.bgColor=설정색) 할 수 있다.
- onclick으로 기능 change()를 불러 수행한다.
- function change()는 조건문에 따라 배경색상을 변경시키는 기능으로 자체로서는 수행되지 않고, Javascript을 다른부분에서 이 기능을 부를 때 {...} 안의 내용이 수행된다.
- FORM, INPUT, type = "button"
|
|
제공