티스토리 뷰

Web(국비)/자바스크립트

JavaScript-window()

Xion 2019. 10. 21. 17:38

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