집 > 기사 > 웹 프론트엔드 > JS에서 윈도우의 속성과 메소드를 사용하는 방법에 대해

JS에서 윈도우의 속성과 메소드를 사용하는 방법에 대해

不言원래의: 2018-07-16 17:25:072280검색

이 글은 주로 JS의 창 속성 및 메소드 분석을 소개합니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

창 접두어를 사용하지 않고도 개체를 작성할 수 있습니다. ( ) – 지정된 밀리초 동안 지정된 코드를 계속해서 실행합니다.

clearInterval() – setInterval() 메서드 실행을 중지하는 데 사용되는 함수 코드입니다.

setTimeout() - 지정된 밀리초 수 동안 일시 중지한 후 지정된 코드를 실행합니다.

clearTimeout() - setTimeout() 메서드 실행을 중지하는 데 사용되는 함수 코드

예:

타이머를 사용하여 시계를 표시합니다. 페이지

•시간 형식: xxxx 년 xx 월 xx 일 xx:xx:xx ~ 초

•1초마다 새로 고침

1 <body>
2     <button onclick="open1()">打开新页面</button>
3     <button onclick="start1()">开始显示时间</button>
4     <button onclick="stop1()">停止时间</button>
5 </body>

<script type="text/javascript">
            function open1(){
                window.open("new_file.html","newFile","menubar=no,location=no,toolbar=no,resize=no,width=500,height=500,top=200,left=400")
            }
            
            function time1(){
            var date = new Date();
            var y = date.getFullYear();
            var mo = date.getMonth();
            var d = date.getDate();
            var h = date.getHours();
            var m = date.getMinutes();
            var s = date.getSeconds();
            console.log("%d年%d月%d日 %d:%d:%d" ,y , mo , d , h , m , s );                
            }
            var inter = null ;
            
            function start1(){
                if(inter != null){
                    stop1();
                }
                inter = setInterval(time1,1000);
            }
            
            function stop1(){
                clearInterval(inter);
                inter = null;
            }
            
            
        </script>

close() - 현재 창 닫기

open() - 새 창을 열고 반환 새 창의 개체

구문 window.open(URL,name,features,replace);

URL: 새 창의 URL을 선언하는 선택적 문자열. 이 매개변수가 생략되거나 값이 빈 문자열인 경우 새 창에는 문서가 표시되지 않습니다.

name: 선택적 문자열은 새 창의 이름을 선언하는 쉼표로 구분된 기능 목록입니다. 이 매개변수가 이미 존재하는 창을 지정하는 경우 open 메소드는 지정된 창에 대한 참조를 반환합니다(새 창이 생성되지 않음). 이때 기능은 무시됩니다.

features: 새 창에 표시되는 표준 브라우저 기능을 선언하는 선택적 문자열입니다. 생략하면 새 창에 모든 표준 기능이 포함됩니다.

replace: 선택적 부울 값입니다. 창에 로드된 URL이 창의 검색 기록에 새 항목을 생성하는지, 아니면 검색 기록의 현재 항목을 대체하는지 여부를 지정합니다. 다음 값이 지원됩니다:•true - URL은 검색 기록의 현재 항목을 대체합니다. •false - URL이 검색 기록에 새 항목을 생성합니다.

open() 메소드의 세 번째 매개변수는 다음 표와 같습니다.

channelmode=yes|no|1|0창을 표시하기 위해 극장 모드를 사용할지 여부입니다. 기본값은 아니오입니다. ressible=yes|no|1|0directories=yes|no|1|0디렉토리 버튼 추가 여부. 기본값은 예입니다. scrollbars=yes|no|1|0fullscreen=yes|no|1|0브라우저를 전체 화면 모드로 표시할지 여부입니다. 기본값은 아니오입니다. status=yes|no|1|0height=pixels창 문서 표시 영역의 높이입니다. 픽셀 단위로 측정됩니다. titlebar=yes|no|1|0left=pixels창의 X 좌표입니다. 픽셀 단위로 측정됩니다. toolbar=yes|no|1|0location=yes|no|1|0주소 필드 표시 여부. 기본값은 예입니다. top=pixelsmenubar=yes|no|1|0메뉴바 표시 여부. 기본값은 예입니다. width=pixelsLocation 개체 속성

		창의 크기를 조정할 수 있는지 여부입니다. 기본값은 예입니다.
		스크롤바 표시 여부. 기본값은 예입니다.
	전체 화면 모드의 창은 극장 모드에도 있어야 합니다.	상태 표시줄 추가 여부. 기본값은 예입니다.
		제목 표시줄 표시 여부. 기본값은 예입니다.
		브라우저 툴바 표시 여부. 기본값은 예입니다.
		창의 y좌표입니다.
		창의 문서 표시 영역 너비입니다. 픽셀 단위로 측정됩니다.

hash 파운드 기호(#)로 시작하는 URL(앵커)을 설정하거나 반환합니다. host 현재 URL의 호스트 이름과 포트 번호를 설정하거나 반환합니다. hostname 현재 URL의 호스트 이름을 설정하거나 반환합니다. href 전체 URL을 설정하거나 반환합니다. pathname현재 URL의 경로 부분을 설정하거나 반환합니다. port 현재 URL의 포트 번호를 설정하거나 반환합니다. protocol 현재 URL의 프로토콜을 설정하거나 반환합니다. search 물음표(?)로 시작하는 URL(쿼리 부분)을 설정하거나 반환합니다. 다음은 예시입니다

<script type="text/javascript">
var hash = location.hash;// top
var host = location.host;// www.baidu.com:8020
var hostname = location.hostname;// www.baidu.com
var port = location.port;// 8020;
var pathname = location.pathname;// index.html
var protocol = location.protocol; // http
console.log(location);
console.log(hash);
console.log(host);
console.log(hostname);
console.log(port);
console.log(pathname);
console.log(protocol);
</script>

Location 객체 메소드

sign()　새 문서를 로드합니다.

reload() 현재 문서를 다시 로드합니다. 이는 페이지를 새로 고치는 것과 같습니다.

replace() 현재 문서를 새 문서로 바꿉니다.

（location.replace("location.html#top?a=10&b=20");는 location.href = "location.html#top?a=10&b=20";)

JS에서 윈도우의 속성과 메소드를 사용하는 방법에 대해

관련 기사