- JavaScript-window() 목차
1번
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function actionAddr(addr)
{
//alert("함수 호출 확인");
window.opener.document.getElementById("addr1").value=addr;
//window = Test032_1 자기자신을 뜻하지만 openr와 뒤에내용을 더하면서 달라짐.
//opener : 윈도우를 연 객체 Test032 를 지칭 (외부객체) 이것을 열어서 컨트롤 하겠다는 의미 즉, opener는 상위윈도우다
//span태그는 id값으로 컨트롤 X 때문에
// IE 용
//window.opener.document.getElementById("txt1").innerText=addr;
//크롬,파이어폭스용
window.opener.document.getElementById("txt1").innerHTML=addr;
//브라우저 창 닫기
window.close();
}
</script>
</head>
<body>
<div>
<form>
<!-- href는 자바스크립트 코드를 호출할 수 있다는 장점이 있음. -->
<!-- 문자열을 넘겨줄때 꼭 더블쿼트만 문자열을 표현하는것이 아님 바뀌어도 상관없음 더블쿼드=" " 이것을 말함 싱글쿼트 = ' '이것. -->
주소검색<input><input type="button" value="검색"><br><br>
<a href="javascript:actionAddr('서울 마포구 서교로 1가')">서울 마포구 서교로 1가 (1~110번지)</a><br>
<a href="">서울 마포구 서교로 2가 (111~180번지)</a><br>
<a href="">서울 마포구 서교로 3가 (181~220번지)</a><br>
<a href="">서울 마포구 서교로 4가 (221~264번지)</a><br>
<a href="">서울 마포구 서교로 5가 (265~301번지)</a><br>
</form>
</div>
</body>
</html>1-1번 (브라우저 창을 띄우기 위해서 필요)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function searchAddr()
{
window.open("Test032_1.html","test","width:500,height=300");
}
</script>
</head>
<body>
<div>
<h1>
자바스크립트 활용
</h1>
</div>
<div>
<h2>주소 검색</h2>
<from>
기본 주소 <input type="text" id="addr1" readonly="readonly" class="txt">
<input type="button" value="검색" class="btn" onclick="searchAddr()">
<br><br>
상세 주소<input type="text" id="addr2" class="txt">
<br><br>
<span id="txt1" style="color:red;"></span>
</from>
</div>
</body>
</html>'Web(국비) > 자바스크립트' 카테고리의 다른 글
| HTML ＊ CSS ＊ JavaScript 마무리 정리 (0) | 2019.10.22 |
|---|---|
| JavaScript -메뉴 보이기/감추기 (0) | 2019.10.22 |
| JavaScript-Select함수 다루기(2) (0) | 2019.10.21 |
| javaScript-checked속성 문제 (0) | 2019.10.21 |
| JavaScript -getElementsByName(2) (0) | 2019.10.21 |