>  기사  >  웹 프론트엔드  >  Jquery에서 새 창을 여는 방법

Jquery에서 새 창을 여는 방법

王林
王林원래의
2020-11-25 11:24:363883검색

jquery에서 새 창을 여는 방법: 먼저 양식을 만든 다음 [form.target = '_blank'; form.method = 'POST';]와 같은 양식 제출을 통해 새 창을 엽니다.

Jquery에서 새 창을 여는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 2.2.4 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

(동영상 공유 학습: jquery 동영상 튜토리얼)

jquery에서 새 창을 여는 방법에는 여러 가지가 있습니다.

첫 번째 방법: 양식을 만들고 양식을 제출하여 새 탭을 엽니다.

var form = document.createElement(‘form‘);
form.action = ‘www.baidu.com?id=1‘;
form.target = ‘_blank‘;
form.method = ‘POST‘;
document.body.appendChild(form);
form.submit();

두 번째 유형:

var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;

세 번째 유형:

setTimeout(window.open('www.baidu.com'), 500);

네 번째 유형: (첫 번째 유형과 유사)

/* 在新窗口中打开 */
function openNewWindow(url) {
    var a = document.createElement('a');
    a.setAttribute('href', url);
    a.setAttribute('target', '_blank');
    var id = Math.random(10000, 99999);
    a.setAttribute('id', id);
    // 防止反复添加
    if (!document.getElementById(id)) {
        document.body.appendChild(a);
    }
    a.click();
}
//方法调用
openNewWindow('www.baidu.com');

참고: 위의 방법은 js에서 페이지 점프 동작이 있는 경우 적용할 수 있습니다. ajax 메소드가 실행된 후에는 ajax 동기 실행을 설정해야 합니다. 속성 추가: async:false. 예:

$.ajax({
                type: 'post',
                data: param,
                url: 'ActionUrl',
                dataType: 'json',
                async:false,
                success: function (msg) {
openNewWindow('www.baidu.com');
}

관련 권장 사항: js tutorial

위 내용은 Jquery에서 새 창을 여는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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