이건 매우 간단한것입니다.
<a href="#id값">id값으로 이동 </a>
<div id="#id값"> 여기로 오세요 </div>
| 태그속 높이 구하기 (0) | 2013.06.11 |
|---|---|
| [html] window.print(); (0) | 2013.03.12 |
| [script] id 값넣기 (0) | 2012.12.12 |
| 클릭시 value값 받기 (0) | 2012.11.14 |
| window. 메소드들 (0) | 2012.10.11 |
<div id="admin_Navi"></div>
<h2 id="admin_menu_name"></h2>
이스크립트는 id값이 있는 태그안에 글이 들어간다.
<script type="text/javascript">
document.getElementById("admin_Navi").innerHTML = "<?=$admin_Navi?><strong><?=$mod_Name?></strong>";
document.getElementById("admin_menu_name").innerHTML = "<?=$mod_Name?>";
</script>
이것은 class의 이름을 바꾸라는 것이다.
document.getElementById("admin_Navi_"+i).className = "off";
| [html] window.print(); (0) | 2013.03.12 |
|---|---|
| [html]현재페이지에서 클릭시 위치로 이동하기 (0) | 2013.01.09 |
| 클릭시 value값 받기 (0) | 2012.11.14 |
| window. 메소드들 (0) | 2012.10.11 |
| input name값 받기 (0) | 2012.10.02 |
클릭시 해당하는 getElementById의 value값이 되어라.
window.opener.document.getElementById('club_admin').value='가져가';
| [html]현재페이지에서 클릭시 위치로 이동하기 (0) | 2013.01.09 |
|---|---|
| [script] id 값넣기 (0) | 2012.12.12 |
| window. 메소드들 (0) | 2012.10.11 |
| input name값 받기 (0) | 2012.10.02 |
| confirm 클릭시 물음 확인&취소 (0) | 2012.09.28 |
웹브라우저가 표시하는 웹페이지에 기본으로 생성되는 객체
문서의 높이, 넓이 등을 프로퍼티로 갖음
Navigator, Document, Screen, Location, History등의 객체를 프로퍼티로 갖음
프로퍼티
프로퍼티명 | 설명 |
closed | 해당 윈도우가 닫혔는지 Boolean값으로 반환함 |
defaultStatus | StatusBar의 기본문자를 설정하거나 반환함 |
document | Document객체를 반환함 |
frames | 모든 Frame의 배열을 반환함 |
history | History 객체를 반환함 |
innerHeight | 윈도우안의 내용영역의 높이를 반환함 |
innerWidth | 윈도우안의 내용영역의 넓이를 반환함 |
length | 윈도우안의 frame의 숫자를 반환함 |
location | Location객체를 반환함 |
name | 윈도우 객체의 이름을 설정하거나 반환함 |
navigator | Navigator 객체를 반환함 |
opener | 윈도우를 생성한 윈도우의 참조를 반환함 |
outerHeight | 웹 브라우저 전체 높이를 반환함 |
outWidth | 웹 브라우저 전체 넓이를 반환함 |
pageXOffset | 웹 브라우저 좌측 상단으로부터 현재 문서가 스크롤된 pixel을 반환함(수평) |
pageYOffset | 웹 브라우저 좌측 상단으로부터 현재 문서가 스크롤된 pixel을 반환함(수직) |
parent | 현재 윈도우의 부모 윈도우의 참조를 반환함 |
screen | Screen 객체를 반환함 |
screenLeft | Screen에 비례하여 윈도우의 x좌표를 반환함 |
screenTop | Screen에 비례하여 윈도우의 y좌표를 반환함 |
screenX | Screen에 비례하여 윈도우의 x좌표를 반환함 |
screenY | Screen에 비례하여 윈도우의 y좌표를 반환함 |
self | 현재 윈도우를 반환함 |
status | 윈도우의 statusbar 텍스틀르 설정함 |
top | 가장 위쪽의 문서의 윈도우 객체를 반환함 |
메소드
메소드명 | 설명 |
alert() | 메시지와 "확인"버튼이 있는 Alert Box를 표시함 |
blur() | 현재 윈도우의 Focus를 제거함 |
clearInterval() | setInterval()으로 설정된 타이머를 제거함 |
clearTimeout() | setTimeout()으로 설정된 타이머를 제거함 |
close() | 현재 윈도우를 닫음 |
confirm() | 메시지와 "확인", "취소" 버튼이 있는 Dialog Box를 표시함 |
createPopup() | 팝업 윈도우를 생성함 |
focus() | 현재 윈도우에 focus를 설정함 |
moveBy() | 현재 위치에 비례하여 윈도우를 이동함 |
moveTop() | 명시된 위치로 윈도우를 이동함 |
open() | 새로운 웹 브라우저를 오픈함 |
print() | 현재 문설르 출력함 |
prompt() | 사용자의 입력을 받을 수 있는 Prompt Box를 표시함 |
resizeBy() | 명시된 크기로 윈도우의 크기를 조정함 |
resizeTo() | 명시된 크기로 윈도우의 크기를 조정함 |
scrollBy() | 명시된 pixel로 문서를 스크롤함 |
scrollTo() | 명시된 좌표로 문서를 스크롤함 |
setInterval() | 명시된 간격마다 함수를 호출함(밀리세컨드) |
setTimeout() | 명시된 밀리세컨드가 지난 후 함수를 호출하 |
예제
<html>
<body>
<script type="text/javascript">
window.alert('XXX 레스토랑에 오신 것을 환영합니다.');
window.confirm('XXX 레스토랑에 입장하시겠습니까?');
var txt = window.prompt("XXX 레스토랑에 방문하신 이유를 남겨주세요", "");
document.write("웹브라우저의 높이: ", window.screenTop, "<br />");
document.write("웹브라우저의 넓이: ", window.screenLeft, "<br />");
window.status = "XXX 레스토랑";
windows.setTimeout("window.print();", 1000);
</script>
</body>
</html>
| [script] id 값넣기 (0) | 2012.12.12 |
|---|---|
| 클릭시 value값 받기 (0) | 2012.11.14 |
| input name값 받기 (0) | 2012.10.02 |
| confirm 클릭시 물음 확인&취소 (0) | 2012.09.28 |
| 브라우저의 종류 구별 (0) | 2012.08.27 |
<form name="frm">
<input type="text" name="newid" onBlur="method(document.frm.newid.value)"/>
OR
<a href="#"><img src="" onclick="openWin(document.frm.newid.value);" /></a>
</form>
<script>
function method('tt'){
alert(tt);
}
</script>
input의 name값을 넘기거나 불러올경우
document.frm.newid.value 값을 스크립트하면된다.
| 클릭시 value값 받기 (0) | 2012.11.14 |
|---|---|
| window. 메소드들 (0) | 2012.10.11 |
| confirm 클릭시 물음 확인&취소 (0) | 2012.09.28 |
| 브라우저의 종류 구별 (0) | 2012.08.27 |
| HTML (0) | 2012.08.07 |