>웹 프론트엔드 >JS 튜토리얼 >js 전체 화면_javascript 기술에서 코드를 표시하는 세 가지 방법

js 전체 화면_javascript 기술에서 코드를 표시하는 세 가지 방법

WBOY
WBOY원래의
2016-05-16 17:16:171324검색

첫 번째 방법:
열려 있는 일반 웹페이지에서 "전체 화면 표시"를 클릭한 후 해당 웹페이지에 해당하는 전체 화면 모드로 들어갑니다. 방법은 다음과 같습니다. 웹페이지의 와 사이에 다음 코드를 추가합니다.

코드 복사 코드는 다음과 같습니다.





전체화면으로 표시되는 페이지가 이 페이지가 아닌 경우에는 document.location을 해당 URL로 바꿉니다. 즉, 다음 코드:
코드 복사 코드는 다음과 같습니다. 🎜>

< ;input type=BUTTON name=FullScreen value=FullScreen onClick="window.open('URL 주소','big','fullscreen=yes')" >


두 번째 유형:
웹페이지를 실행할 때, 예를 들어 직접 입력하면: http://localhost:8080/temp.jsp URL 표시줄에서 웹페이지가 닫히면서 동시에 빈 전체 화면이 표시됩니다. 방법은 다음과 같습니다. 본문에

코드 복사 코드는 다음과 같습니다.



세 번째 유형:
실제로는 위의 두 유형이 중첩된 형태로 일반적으로 사용됩니다. 이런 상황에서는 더 자주. 즉, 웹 페이지를 직접 열면 전체 화면 모드로 전환됩니다. 이 상황은 첫 번째 페이지에서 "전체 화면 표시" 버튼을 클릭하면 새로운 전체 화면 모드가 열리기 때문입니다. -screen 웹 페이지. 하지만 원래의 일반 웹 페이지는 여전히 남아 있으므로 이것이 더 좋습니다. 방법은 다음과 같습니다. 두 개의 jsp 파일을 만듭니다. 첫 번째 파일은 다음 코드만 실행합니다. 예를 들어 이름은 데모.jsp입니다. 두 번째 파일은 실제로 실행하려는 콘텐츠입니다. 예: temp.jsp:

데모.jsp:

코드 복사 코드는 다음과 같습니다.
< body onload="window.open('temp.jsp','_blank','fullscreen=1');opener=null;window.close()">



temp.jsp:

코드 복사 코드는 다음과 같습니다.
<%@ page contentType= "text/html;charset=GB2312" 언어="java" %>


여기 내 전체 화면 콘텐츠가 있습니다. . 다시 보니 주소창에 나와있습니다. 입력한 데모.jsp가 닫혀있나요? 알았어, 끝났어!



전체 화면 종료
------------------- ------- ----------------- ------- ----------------- ------- ----------------- ----

전체 화면 종료에 관해서는 인터넷에서 많은 정보를 검색했지만 일반적으로 원하는 목표를 달성하기가 어렵습니다. 예를 들어 새 창에서 열기 위의 반대 방법을 사용하여 전체 화면을 열 수도 있습니다. 그러나 어떻게 하든 최종적으로 전체 화면에서 일반 모드로 전환하면 항상 창을 다시 여는 것과 같습니다. 이런 식으로 원래의 전체 화면 모드에 참여하여 영화를 재생하면 일반 모드에서는 다시 로드해야 합니다. 이것은 확실히 작동하지 않습니다. 하지만 다른 방법은 없습니다. 이제 이 게시물의 5층 답변을 참조하겠습니다. http://topic.csdn.net/t/20021028/12/1130882.html 이 방법을 사용하면 일반적으로 가능합니다. 그러나 이 방법은 전체 화면이라고 부르지 않습니다. 이는 창을 특정 높이만큼 위로 이동하는 것과 같습니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다

<%@ page contentType="text/html;charset=GB2312" 언어="java" %>



페이지 닫기
---------------- -- ------------------------------------------------ -- ------------------------------------------------ -- ------------------------------------------------ --

페이지를 닫으려면 페이지에 하이퍼링크만 추가하면 됩니다.
코드 복사 코드는 다음과 같습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.