Jquery: как предотвратить добавление префикса к адресу внутри тега `<a>`

Question

Jquery: как предотвратить добавление префикса к адресу внутри тега `<a>`

0

У меня есть тег HTML <a>:

<a id="ext_link" href="www.google.com">GOOGLE HOME</a>

И я использую JQUERY, чтобы открыть ссылку в новом окне. JQUERY выглядит следующим образом:

$(document).ready(function(){
    $("#ext_link").click(function(e){
        e.preventDefault();
        window.open($(this).attr("href"));
    });
});

Когда я использую <a id="ext_link" href="http"//www.google.com">GOOGLE HOME</a> он отлично работает, но когда я использую <a id="ext_link" href="www.google.com">GOOGLE HOME</a> открывается новое окно, и адресная панель содержит http://localhost/app/www.google.com который является неправильным адресом, очевидно...

Как предотвратить автоматическое добавление http://localhost/app/ в начале.

user3406948 13 март 2014, в 07:38

Источник

4

Вы должны предоставить http:// (или какой-либо другой протокол), иначе он будет интерпретирован как относительная ссылка.
sevenseacat 13 март 2014, в 06:15
0

при указании URL в href вы должны указать полный URL, включая http https
krishna 13 март 2014, в 06:15
0

Проверить, начинается ли строка с http(s)?:// если не добавить ее.
Class 13 март 2014, в 06:16
0

попробуйте href="//www.google.com"
krishna 13 март 2014, в 06:56

Показать ещё 2 комментария

Теги:

php

javascript

jquery

html

html5

2 ответа

Ещё вопросы

Вы должны предоставить http:// (или какой-либо другой протокол), иначе он будет интерпретирован как относительная ссылка.
при указании URL в href вы должны указать полный URL, включая http https
Проверить, начинается ли строка с http(s)?:// если не добавить ее.

Class · Answer 1 · 2014-03-13T05-21-00.000Z

Проверьте, не содержит ли href http://и добавляет его так:

$(document).ready(function(){
    $("#ext_link").click(function(e){
        e.preventDefault();
        var url = $(this).attr("href");
        if(!/^https?:\/\//.test(url)){
            url = "http://" + url;
        }
        window.open(url);
    });
});

Вы можете добавить больше протоколов, но https?:// должно быть достаточно. Или вы можете просто использовать // поскольку многие современные браузеры используют его и получают соответствующий протокол.

Felix · Answer 2 · 2014-03-13T04-49-00.000Z

Вы можете использовать регулярное выражение для проверки, если ваш href начинается с http:// или https://, если нет, то добавьте http://:

$(document).ready(function(){
    $("#ext_link").click(function(e){
        e.preventDefault();
        var url = $(this).attr("href");
        if(!/^(http|https):\/\//.test(url)){
            url = "http://" + url;
        }
        window.open(url);
    });
});

А как насчет ссылок, которые уже имеют http:// и получают http://http://www.google.com ?
или ссылки, которые https:// или какой-либо другой протокол