JavaScript_javascript 스킬의 window.open 사용 예에 대한 자세한 설명
- WBOY원래의
- 2016-05-16 16:04:061334검색
이 글에서는 JavaScript에서 window.open의 사용법을 좀 더 자세히 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolsbar=no, menubar=no, scrollbars=no,resizing=no,location=no , status=no') //한 줄로 작성
매개변수 설명:
js 스크립트가 시작됩니다.
window.open 명령을 사용하여 새 창을 띄우세요
팝업창의 'page.html' 파일명
'newwindow' 팝업 창 이름(파일 이름 아님)은 선택 사항이며 빈 ''으로 대체할 수 있습니다.
높이=100 창 높이
너비=400 창 너비
top=0 화면에서 창 위의 픽셀 값
left=0 화면 왼쪽 창의 픽셀 값
toolbar=no 도구 모음 표시 여부, yes는 표시를 의미합니다.
메뉴바, 스크롤바는 메뉴바와 스크롤바를 나타냅니다.
resizing=no 창 크기 변경 허용 여부는 허용됨을 의미합니다.
location=no 주소 표시줄 표시 여부, yes가 허용됩니다.
status=no 상태 표시줄에 정보를 표시할지 여부(일반적으로 파일이 열려 있음), yes가 허용됩니다.
1. 팝업창 제어 기능을 이용하세요
아래는 완전한 코드입니다.
<html>
<head>
<script LANGUAGE="Javascript">
<!--
function openwin()
{ window.open("page.html", "newwindow", "height=100,width=400, toolbar=no , menubar=no, scrollbars=no,resizable=no, location=no, status=no") //写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
/body>
</html>
여기에는 openwin() 함수가 정의되어 있으며 함수 내용은 창을 여는 것입니다. 호출되기 전까지는 아무 소용도 없습니다. 어떻게 부르나요?
방법 1: 브라우저가 페이지를 읽을 때 팝업 창이 나타납니다.
방법 2: 브라우저가 페이지를 떠날 때 팝업 창
방법 3: 연결을 통한 호출: 창 열기 참고: 사용된 "#"은 가상 연결입니다.
방법 4: 버튼으로 통화:
2. 팝업 창을 정기적으로 닫습니다. (일부 웹사이트에서는 등록 성공 후 등록 전 페이지로 이동하는 데 n초가 표시되거나 스스로 이동합니다.)
다음으로 팝업 창에서 몇 가지 제어를 수행하면 효과가 더 좋아질 것입니다.
팝업 페이지에 작은 코드 조각을 추가하면(메인 페이지가 아닌 page.html의 HTML에 추가된다는 점에 유의하세요. 그렇지 않으면...), 팝업 페이지가 자동으로 닫히면 더 멋지지 않을까요? 10초?
먼저 page.html 파일 영역에 다음 코드를 추가합니다.
<script language="Javascript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>
그런 다음 이 문장을 사용하여 page.html의 원래 문장을 대체하세요.
(이 문장을 꼭 작성해주세요! 이 문장의 기능은 창을 닫는 코드를 호출하는 것이며, 10초 후에 창이 자동으로 닫힙니다.
3. 창은 한 번만 띄워주세요(쿠키 제어)
위의 팝업창은 멋지지만 약간의 문제가 있다는 점을 기억하세요. 예를 들어, 자주 지나쳐야 하는 페이지(홈페이지 등)에 위 스크립트를 넣으면
그래서 이 페이지를 새로고침할 때마다 창이 뜨는데, 많이 짜증나지 않나요? 해결책이 있나요?
우리는 이를 제어하기 위해 쿠키를 사용합니다.
먼저 메인 페이지의 HTML 영역에 다음 코드를 추가합니다.
<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin() ;
documents.cookie="popped=yes" ;
}
}
</script>
그런 다음 메인 페이지의 원본
을 다음으로 대체합니다(openwin이 아니라 loadpop!).이 문장이면 됩니다. 페이지를 새로 고치거나 페이지를 다시 입력해 보면 해당 창이 다시는 나타나지 않습니다.
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.