Program Club

jQuery : target =“_ blank”인 URL로 이동

proclub 2020. 12. 6. 22:14
반응형

jQuery : target =“_ blank”인 URL로 이동


링크의 href를 얻기 위해이 비트의 jQuery 코드를 사용하고 있습니다.

var url = $(this).attr('href');

-그리고이 코드는 해당 href로 이동합니다.

window.location = url;

새 페이지가 이전 페이지와 동일한 창에서 열리고 새 창이나 탭에서 열리기를 원한다는 점을 제외하고는 모든 것이 내가 원하는 방식입니다 (일반 html에서 target = "을 사용하여 달성했을 것입니다. _blank "수식).

질문 : jQuery를 사용하여 새 창이나 탭에서 href를 어떻게 열 수 있습니까?

도와 주셔서 감사합니다!


새 창을 열어야합니다.

window.open(url);

https://developer.mozilla.org/en-US/docs/DOM/window.open


사용하다,

var url = $(this).attr('href');
window.open(url, '_blank');

업데이트 : href전체 URL을 반환하고 약간 더 빠르기 때문에 prop으로 검색 하는 것이 좋습니다.

var url = $(this).prop('href');

질문 : jQuery 를 사용하여 새 창이나 탭에서 href를 어떻게 열 수 있습니까?

var url = $(this).attr('href').attr('target','_blank');

대상 속성이 사용되었으며 "_blank"를 포함하는지 감지합니다. "_blank"를 좋아하지 않는 휴대 기기의 경우 신뢰할 수있는 대안입니다.

    $('.someSelector').bind('touchend click', function() {

        var url = $('a', this).prop('href');
        var target = $('a', this).prop('target');

        if(url) {
            // # open in new window if "_blank" used
            if(target == '_blank') { 
                window.open(url, target);
            } else {
                window.location = url;
            }
        }           
    });

.ready함수는 페이지로드가 완료되면 속성을 삽입하는 데 사용됩니다.

$(document).ready(function() {
     $("class name or id a.your class name").attr({"target" : "_blank"})
})

jQuery를 통해 팝업 창을 생성하려면 플러그인을 사용해야합니다. 이것은 당신이 원하는 것을 할 것 같습니다.

http://rip747.github.com/popupwindow/

또는 항상 JavaScript의 window.open 함수를 사용할 수 있습니다 .

어느 방법을 사용하든 사용자 입력 / 작업 (예 : 링크 또는 버튼 클릭)에 대한 응답으로 새 창을 열어야합니다. 그렇지 않으면 브라우저의 팝업 차단기가 팝업을 차단합니다.


다음 코드를 사용해보십시오.

$(document).ready(function(){
    $("a[@href^='http']").attr('target','_blank');
});

참고 URL : https://stackoverflow.com/questions/6673473/jquery-go-to-url-with-target-blank

반응형