>  기사  >  웹 프론트엔드  >  jquery에서 브라우저를 다시 비활성화하는 방법

jquery에서 브라우저를 다시 비활성화하는 방법

藏色散人
藏色散人원래의
2020-12-14 10:22:403223검색

jquery에서 브라우저를 다시 비활성화하는 방법: 먼저 해당 js 파일을 연 다음 "jQuery(document).ready(function () {...}" 메서드를 통해 브라우저의 뒤로 및 다음 버튼을 비활성화합니다.

jquery에서 브라우저를 다시 비활성화하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0, thinkpad t480 컴퓨터.

권장: "jquery 비디오 튜토리얼"

jquery는 브라우저 뒤로 버튼을 비활성화합니다

Jquery를 사용하여 비활성화합니다. 브라우저 뒤로 및 다음 버튼:

때때로 사용자가 액세스 순서를 어지럽히는 것을 방지하기 위해 브라우저의 앞으로 및 뒤로 버튼을 비활성화해야 합니다.

jQuery(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
           // 当点击浏览器的 后退和前进按钮 时才会被触发, 
            window.history.pushState('forward', null, ''); 
            window.history.forward(1);
        });
    }
    //在IE中必须得有这两行
    window.history.pushState('forward', null, '');  
    window.history.forward(1);
});

이 코드는 주로 js의 window.history 개체를 사용합니다.

예:

현재 페이지의 URL이 http://localhost:28713/SBNext/index.aspx

인 경우 실행: window.history.pushState('forward', null, 'badu.aspx') ;

결과: 브라우저 기록에 http://localhost:28713/SBNext/index.aspx라는 레코드를 추가합니다. 현재 페이지의 URL은 http://localhost:28713/SBNext/badu.aspx가 되지만 페이지는 이때, 브라우저의 뒤로 버튼을 클릭하면 http://localhost:28713/SBNext/index.aspx 페이지로 돌아가게 되므로, URL이 확인되지 않습니다. 위의 뒤로 버튼을 비활성화하는 원리입니다.

위 내용은 jquery에서 브라우저를 다시 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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