[1. 가장 기본적인 창 코드]
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
<!-
Window.Open ( 'page.html')
->
</스크립트>
Javascripts 코드의 섹션이므로 <script language = "javaScript"> 태그와 </script> 사이에 배치해야합니다. <!->이 기존 브라우저의 일부 낮은 버전에 영향을 미칩니다. 레이블의 코드는 텍스트로 표시되지 않습니다. 이 좋은 습관을 개발합니다. Window.open ( 'page.html')은 POP -UP 새 창 페이지를 제어하는 데 사용됩니다. 단일 따옴표와 듀얼 따옴표를 모두 사용할 수 있습니다. 혼합하지 마십시오. 이 코드는 HTML의 모든 위치에 추가 될 수 있으며, <head> 및 </head>는 <body> </body>를 실행할 수 있으며, 특히 페이지 코드가 길고 페이지를 팝업하려고합니다. 이전에 앞으로 나아가려고 노력하십시오.
[2.
POP -UP 창의 설정에 대해 이야기 해 봅시다. 위의 코드에 무언가를 추가하십시오. POP -UP 창의 모양, 크기 및 POP -UP 위치를 사용자 정의하여 페이지의 특정 상황에 적응하겠습니다.
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
<!-
window.open ( 'page.html', 'newwindow', 'height = 100, 너비 = 400, 상단 = 0, 왼쪽 = 0, 도구 모음 = 아니오, menubar = 아니요, 스크롤 바 = 아니오, Resizable = no, l, l , l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l ocation = no, status = no ') //
->
</스크립트>
매개 변수 설명 :
<script language = "javaScript"> JS 스크립트가 시작됩니다.
window. 여는 새 창의 명령을 팝업합니다.
'page.html'pop -up 창 파일 이름;
'NewWindow'팝 -UP 창 (파일 이름이 아님)의 이름은 비 요청으로 비어있는 것으로 대체 할 수 있습니다. '';
높이 = 100 창 높이;
너비 = 400 창 너비;
상단 = 화면 상단에서 0 창 거리;
왼쪽 = 0 창은 화면의 왼쪽에서 픽셀 값입니다.
도구 모음 = 아니오 도구 모음을 표시하려면 예가 표시됩니다.
Menubar, 스크롤 바는 메뉴 막대와 롤링 바를 나타냅니다.
RESIZALE = NO 창 크기를 변경할 수 있습니다. 예가 허용됩니다.
location = no 주소 표시 줄을 표시하려면 예가 허용됩니다.
상태 = 아니오 상태 표시 줄에 정보를 표시하려면 (일반적으로 파일이 열렸습니다), 예가 허용됩니다.
</script> JS 스크립트가 끝납니다
[3. 함수로 팝업 창을 제어합니다.
아래는 완전한 코드입니다.
다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<script language = "javaScript">
<!-
함수 OpenWin () {) {
window.open ( "page.html", "newwindow", "height = 100, width = 400, toolbar = no, menubar = no, scrollbars = no, resizable = no, location = no") // 줄 쓰기
}
//->
</스크립트>
</head>
<body only = "OpenWin ()">>
모든 페이지 콘텐츠 ...
</body>
</html>
OpenWin () 함수는 여기에 정의되어 있으며 함수 내용은 창을 열는 것입니다. 전화하기 전에 사용이 없습니다. 전화하는 방법?
방법 1 : <Body Online = "OpenWin ()"> 브라우저가 페이지를 읽으면 창이 팝업됩니다.
메소드 2 : <Body OnUnload = "OpenWin ()"> 브라우저가 페이지를 떠날 때 브라우저가 나타납니다.
방법 3 : 하나의 연결을 사용하여 호출하십시오.
<a href = "#"onclick = "OpenWin ()"> 창 열기 </a>
참고 : 사용 된 "#"는 가상 연결입니다.
방법 4 : 버튼을 사용하여 호출하십시오.
<input type = "button"onclick = "OpenWin ()"value = "Window the Window">
[4, 2 Windows가 동시에 나타납니다]
소스 코드를 약간 변경하십시오.
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
<!-
함수 OpenWin () {) {
window.open ( "page.html", "newwindow", "height = 100, width = 100, top = 0, 왼쪽 = 0, 도구 모음 = 아니요, 메뉴 바 = 아니오, 스크롤 바 = 아니오, RESIZALE = 아니오, 로컬 = 아니오 , 상태 = 아니오 ") //
window.open ( "page2.html", "newwindow2", "height = 100, 너비 = 100, 상단 = 1 00, 왼쪽 = 100, 도구 모음 = 아니오, menubar = 아니오, 스크롤 바 = 아니오, Resizable = no, l, l, l, l, l, l, l, l, l, l oca tion = no, status = no ") //
}
//->
</스크립트>
두 개의 창 커버리지를 피하려면 상단과 왼쪽으로 POP -UP 위치를 제어하면 서로를 덮어서는 안됩니다. 마지막으로 위에서 언급 한 네 가지 방법을 호출하십시오.
참고 : 동일하거나 단순히 비어 있거나 간단히 비어 있지 마십시오.
[5. 메인 창 1.htm을 열면 작은 창이 동시에 나타납니다.
다음 코드에서 볼 수 있듯이 기본 창 <head> 영역을 추가하십시오.
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
<!-
함수 OpenWin () {) {
window.open ( "page.html", "", "width = 200, height = 200")
}
//->
</스크립트>
<body> 영역 추가 :
<a href = "1.htm"onclight = "OpenWin ()"> Open </a>.
[6. POP -UP 창의 셧다운 통제]
아래의 팝 업 윈도우를 제어하겠습니다. 효과가 더 좋습니다. POP -UP 페이지에 짧은 코드를 추가하는 경우 (Page.html을 추가하는 HTML이라는 점에 유의하십시오. 그렇지 않으면 홈 페이지에 있지 않으면 ...) 10 초 후에 자동으로 닫히도록 쿨러입니까? ?
먼저 다음 코드를 Page.html 파일의 <head> 영역에 추가하십시오.
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
function closeit ()
{{
settimeout ( "seld.close ()", 10000) // milliseconds
}
</스크립트>
그런 다음 <body online = "closeit ()">를 사용하여 Page.html의 원본 <body> 문장을 대체하십시오. (이 문장을 쓰는 것을 잊지 마십시오!이 문장의 역할은 마감 창의 코드를 호출하고 10 초 후에 직접 창을 닫는 것입니다.)
[7. 팝 -UP 창에 닫힌 추가
<양식>
<입력 유형 = '버튼'value = 'close'onclick = 'window.close ()'>
</form>
하하, 이제 더 완벽 해요!
[8. 1 페이지와 두 개의 창에 포함 된 팝업]
위의 예제에는 두 개의 창문이 있으며, 하나는 메인 창이고, 다른 하나는 작은 창입니다. 다음 예를 통해 한 페이지에서 위의 효과를 완료 할 수 있습니다.
다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<script language = "javaScript">
기능 OpenWin ()
{{
OpenWindow = wind
// 줄에 씁니다
OpenWindow.document.write ( "<title> 예 </title>")
OpenWindow.document.write ( "<body bgcolor =#ffffff>")
OpenWindow.document.write ( "<h1> hello! </h1>")
OpenWindow.document.write ( "새 창설!")
OpenWindow.document.write ( "</body>")
OpenWindow.document.write ( "</html>")
OpenWindow.document.close ()
}
</스크립트>
</head>
<body>
<a href = "#"onclick = "OpenWin ()"> 창 열기 </a>
<input type = "button"onclick = "OpenWin ()"value = "Window the Window">
</body>
</html>
OpenWindow.document.write ()의 코드를 표준 HTML이 아닌가? 형식으로 더 많은 줄을 쓰십시오. 레이블이 하나 이상인 오류에주의하십시오. OpenWindow.document.close ()로 끝내십시오.
[9. 인기있는 창의 궁극적 인 쿠키 제어]
위의 팝업 창이 시원하지만 작은 문제가 있습니다 (기쁨에 담그면 찾아서는 안됩니다.) 예를 들어 위의 스크립트를 자주 전달 해야하는 페이지에 (예 : 홈페이지), 그런 다음 모든 사람 이이 페이지를 새로 고침하면이 페이지가 새로 고쳐지면 창이 한 번 나타납니다. : -_
해결책이 있습니까? 예 ;-) 쿠키를 사용하여 제어 할 수 있습니다.
먼저 홈페이지 html의 <head> 영역에 다음 코드를 추가하십시오.
다음과 같이 코드 코드를 복사하십시오.
<cript>
함수 OpenWin () {) {
window.open ( "page.html", "", "width = 200, height = 200")
}
함수 get_cookie (이름) {
var search = name + "="
var returnValue = "";
if (document.cookie.length> 0) {{
오프셋 = document.cookie.indexof (검색)
if (오프셋! = -1) {{
오프셋 += Search.length
end = document.cookie.indexof ( ";", 오프셋);
if (end == -1)
end = document.cookie.length;
returnValue = unescape (Document.Cookie.SubString (Office, End))
}
}
return returnValue;
}
함수 loadPopup () {
ift_cookie ( 'popped') == '') {{
OpenWin ()
document.cookie = "popped = yes"
}
}
</스크립트>
그런 다음 <body online = "loadpopup ()">를 사용하십시오 (OpenWin이 아니라 LoadPop!) 홈페이지에서 원본 <body> 문장을 교체하십시오. 이 페이지를 새로 고치거나 다시 페이지를 입력하려고하면 창이 나타나지 않습니다. 진짜 팝 전용!