开发者

jQuery: go to URL with target="_blank"

开发者 https://www.devze.com 2023-03-20 02:11 出处:网络
I am using this bit of jQuery code to get href of the link: var url = $(this).attr(\'href\'); -- and this bit of code to go to that href:

I am using this bit of jQuery code to get href of the link:

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

-- and this bit of code to go to that href:

window.location = url;

Everything is just the way I want it, except the new page opens in the same window as the previous one, and I want it to open in a new window or tab (something that in plain html would have been achieved by using target="_blan开发者_开发知识库k" formula).

Question: How can I open the href in the new window or tab with jQuery?

Thank you for your help!


You need to open a new window:

window.open(url);

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


Use,

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

Update:the href is better off being retrieved with prop since it will return the full url and it's slightly faster.

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


Question: How can I open the href in the new window or tab with jQuery?

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


The .ready function is used to insert the attribute once the page has finished loading.

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


Detect if a target attribute was used and contains "_blank". For mobile devices that don't like "_blank", this is a reliable alternative.

    $('.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;
            }
        }           
    });


If you want to create the popup window through jQuery then you'll need to use a plugin. This one seems like it will do what you want:

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

Alternately, you can always use JavaScript's window.open function.

Note that with either approach, the new window must be opened in response to user input/action (so for instance, a click on a link or button). Otherwise the browser's popup blocker will just block the popup.


Try using the following code.

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


 url='/controller/action';  
 window.open(location.origin+url,'_blank');
0

精彩评论

暂无评论...
验证码 换一张
取 消