>  기사  >  웹 프론트엔드  >  JS는 브라우저 메뉴 Commands_javascript 기술을 구현합니다.

JS는 브라우저 메뉴 Commands_javascript 기술을 구현합니다.

WBOY
WBOY원래의
2016-05-16 19:26:50939검색

서문: js를 사용하여 메뉴 명령을 구현하는 것은 기술적으로 아무 것도 아니지만 비교적 완벽합니다.

다른 사람의 웹페이지에서 열기, 인쇄, 전달, 다른 이름으로 저장, 뒤로, 이 창 닫기, 오른쪽 클릭 비활성화 등과 같은 브라우저 명령을 구현하는 링크를 볼 때마다 이를 구현하는 데 어려움을 겪습니다. 우리 스스로 미안하지 않나요? 당신도 그것을 이루고 싶나요? 브라우저 명령을 웹 페이지에서 구현할 수 있다면 얼마나 흥미로울까요! 브라우저 메뉴 명령을 구현하기 위해 Javascript 코드를 사용하는 방법을 살펴보겠습니다(다음 코드는 Windows XP의 브라우저에서 디버깅되었습니다).

1. [파일(F)] 메뉴의 명령 구현

1. "열기" 명령 구현

[형식]: document.execCommand( "open")
[설명] 이는 VB나 다른 프로그래밍 디자인의 웹 브라우저 컨트롤에 있는 명령과 다소 유사합니다.
[예시]

사이에 추가:
[형식]:location.replace("view-source:" location)  [설명] 메모장을 열고 웹의 소스코드를 표시합니다. 메모장에 있는 페이지입니다.  [예시]

사이에 추가:
 
메모장으로 편집

 3. [다른 이름으로 저장] 명령 구현
[형식]:document.execCommand("saveAs") [설명] 이 웹페이지를 로컬 디스크의 다른 디렉터리에 저장하세요! [형식]:document.execCommand("print")  [설명] 물론 프린터가 설치되어 있어야 합니다!
[예]

사이에 추가:

인쇄
5. [닫기] 명령 구현
[형식] : window.close();return false  [설명] 이 창이 닫힙니다.
 [예시]

사이에 추가:
 
이 창 닫기

2. [편집(E)] 메뉴의 명령 구현 [모두 선택] 명령 구현
[형식]: document.execCommand("selectAll")
[설명] 웹 페이지의 모든 콘텐츠가 선택됩니다!
 [예시]

사이 추가:
 모두 선택
3. [보기(V)] 메뉴에서 명령어 구현
 1. 〖Refresh〗 명령 구현

 [형식]: location.reload() 또는 History.go(0)
 [설명] 브라우저가 이 페이지를 다시 엽니다.
 [예]

사이에 추가:
 새로고침
 또는 추가: 새로고침

 2. 파일의 소스 구현 〗 명령

[형식]:location.replace("view-source:" location)
[설명] 웹페이지의 소스코드를 봅니다.
[예]

사이에 추가:  [형식]:window.open(document.location,"url","fullscreen")
 [설명]이 페이지 표시 전체 화면으로.  [예시]
사이에 추가:  전체 화면 표시



4. [컬렉션(A)] 메뉴의 명령 구현

1. "즐겨찾기에 추가" 명령 구현 [형식]: window.external.AddFavorite('url', '웹사이트 이름')
[설명] 이것을 추가하세요 페이지를 즐겨찾기에 추가하세요.  [예시]
사이에 추가:
 
즐겨찾기에 추가


 2. 〖즐겨찾기 정리〗 명령 구현
[ 형식]:window.external.showBrowserUI("OrganizeFavorites",null) [설명] 즐겨찾기 구성 대화 상자를 엽니다.
 [예] 사이에 추가:
 
즐겨찾기 정리
🎜>
〖인터넷 옵션〗 명령 구현

[형식]:window .external.showBrowserUI("PrivacySettings",null)
[설명] 인터넷 옵션 대화 상자를 엽니다.
 [예시] 사이에 추가:
 인터넷 옵션


6. [도구 모음]

1. 〖Forward〗 명령 구현

 [형식]history.go(1)또는history.forward()
 [설명]브라우저가 다음 페이지를 엽니다.
 [예] 사이에 추가:
 앞으로
 또는 가입: 앞으로

 2. 〖뒤로 구현 〗명령어

[형식]:history.go(-1) 또는history.back()
[설명] 브라우저가 이전에 본 페이지로 돌아갑니다.
 [예] 사이에 추가:
 뒤로
 또는 가입: 뒤로

 3. 새로고침 〗명령 구현

[형식]: document.reload() 또는 History.go(0)
[설명] 이 페이지를 브라우저로 다시 엽니다.
[예] 사이에 추가:
Refresh
또는 추가: Refresh

7. 기타 명령 구현

"이 창을 정기적으로 닫기" 명령 구현
[형식]: settimeout(window.close(), Closing time)
[설명] 이 창을 닫습니다.
 [예시] 사이에 추가:
 3초 후에 이 창을 닫으세요
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.