Как я могу использовать 'window.location.href' в вставке или обертке jQuery HTML?

Question

Я пытаюсь вставить ссылку в пустой < a> с идентификатором "popup". Ссылка откроет текущую страницу во всплывающем окне (с параметрами, которые я буду определять позже). Я пытаюсь объединить HTML-код, необходимый для создания гиперссылки плюс переменная JS 'window.location.href' - как их можно объединить? то есть как я могу это исправить, чтобы сделать его работу, или переписать его в виде функции с «window.location.href» в качестве переменной:

$("#popup").html('<a href=' . window.location.href . '>open popup</a>'); 

Answer 1

Как это:

$("#popup").html($('<a />', { href: window.location.href, text: 'open popup' })); 

Или для всплывающего окна:

$("#popup").html($('<a />', { 
    href: window.location.href, 
    text: 'open popup', 
    target: '_blank' 
})); 

Или, используя window.open() для параметров:

$("#popup").html($('<a />', { 
    href: '#', 
    click: function() { window.open(window.location.href, 'popup', 'params'); } 
})); 

---

Были 2 проблемы с вашим оригинальным подходом:

$("#popup").html('<a href=' . window.location.href . '>open popup</a>'); 

1. Использование + для конкатенации строк
2. Вы должны кавычки атрибут

Как это:

$("#popup").html('<a href="' + window.location.href + '">open popup</a>'); 

Answer 2

$("#popup").attr("href",window.location.href).attr("target","_blank").text("Open Popup"); 

Answer 3

кстати: в JavaScript вы объедините строки с + вместо . (PHP, верно?):

var something = 'Hello' + ' ' + 'World'; // => 'Hello World' 

Answer 4

Это изменит ссылку, поэтому HREF тот же.

$("#popup").attr('href',window.location.href); 

e.g.

<a id="popup" href="">popup</a> 

становится

<a id="popup" href="yourcurrenturl">popup</a> 

EDIT:

Чтобы дать вам немного вдохновения для других методов для всплывающих окон (простите меня, если это, если этот код не работает, я просто взбитыми сообща быстро)

HTML

<a href="http://www.developertipoftheday.com" rel="popup" target="alexsite">open alex site in popup</a> 

JavaScript

$("a[rel = 'popup']").click(function (event) { 

    var popupWindow= window.open($(this).attr("href"), $(this).attr("target"), "status=true,toolbar=false,menubar=false,location=false,width=1018,height=792") 

    if (popupWindow=== null) { 

     alert("A messasge to inform the user, that the popup has been blocked"); 
    } 

});