Jsp - 화면 색 변경
2020. 6. 16. 10:55ㆍJsp
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//window(창) - location(주소줄)
//- history(방문기록)
//- document(html문서) ->image,link,layer...
// - form(로그인창)->text,password,textarea
// -checkbox, radio
// -select - option
//window.history.변수 제목 document.title 배경색 document.bgColor
// 글자색 document.fgColor 링크색 document.linkColor
//window.history.함수() 문서안에 글자쓰기 document.write()
//
function fun1() {
alert(document.title);
document.title="문서제목";
}
function fun2() {
alert(document.bgColor);
document.bgColor="hotpink";
}
function fun3(x) {
document.bgColor=x;
if(x=="B2FA5C"){
document.fgColor="black";
}else{
document.fgColor="white";
}
}
document.write("문서내용");
</script>
</head>
<body>
<h1>js2/test4.html</h1>
<input type="button" value="제목조회&변경" onclick="fun1()">
<input type="button" value="배경색조회&변경" onclick="fun2()">
<input type="radio" name="bg" value="coral" onclick="fun3(value)">코랄색
<input type="radio" name="bg" value="skyblue" onclick="fun3(value)">하늘색
<input type="radio" name="bg" value="B2FA5C" onclick="fun3(value)">연두색
</body>
</html>
|
cs |
창의 제목 변경이 버튼 하나로 가능하게 해 보았고 배경색 상의 변경을 해보았는데
어렵지 않았다.
'Jsp' 카테고리의 다른 글
| Jsp - input ,type (0) | 2020.06.16 |
|---|---|
| Jsp - 이미지 제어 (0) | 2020.06.16 |
| Jsp - 페이지 이동 (0) | 2020.06.16 |
| Jsp - 주소확인 (0) | 2020.06.16 |
| Jsp - 창열기,닫기 (0) | 2020.06.16 |