JavaScript BOM, Event
BOM
<html>
<head>
<title>BOM</title>
<script type="text/javascript">
function Test()
{
//1. 텍스트박스 찾기(BOM)
// - BOM은 무조건 최상위객체인 window부터 시작해서 족보를 타고 원하는 객체까지 내려가는 방식
//var txt1 = window.document.form1.txt1; window 제외 가능하다.
var txt1 = document.form1.txt1;
//2. 제어(속성)
// -
txt1.value = new Date().toLocaleString();
//alert(txt1.value);
//txt1.readOnly = true; //클릭시 읽기전용으로
//alert(txt1.type); //어떤 타입인지 확인
//txt1.type = "button";//타입 변환은 불가능
//txt1.disabled = true;//컨트롤 자체를 비활성화
document.form1.btn1.disabled = true;
}
</script>
</head>
<body>
<!--Ex08_BOM.htm-->
<form name="form1">
<input type="text" name="txt1" />
<input type="button" name="btn1" value=" 클릭 " onclick="Test();" />
</form>
</body>
</html>
Event
<html>
<head>
<title>BOM</title>
<script type="text/javascript">
function Test()
{
//1. 텍스트박스 찾기(BOM)
// - BOM은 무조건 최상위객체인 window부터 시작해서 족보를 타고 원하는 객체까지 내려가는 방식
//var txt1 = window.document.form1.txt1; window 제외 가능하다.
var txt1 = document.form1.txt1;
//2. 제어(속성)
// -
txt1.value = new Date().toLocaleString();
//alert(txt1.value);
//txt1.readOnly = true; //클릭시 읽기전용으로
//alert(txt1.type); //어떤 타입인지 확인
//txt1.type = "button";//타입 변환은 불가능
//txt1.disabled = true;//컨트롤 자체를 비활성화
document.form1.btn1.disabled = true;
}
</script>
</head>
<body>
<!--Ex08_BOM.htm-->
<form name="form1">
<input type="text" name="txt1" />
<input type="button" name="btn1" value=" 클릭 " onclick="Test();" />
</form>
</body>
</html>
