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

Question

Я пытаюсь вставить ссылку в пустой с идентификатором «всплывающее окно». Ссылка откроет текущую страницу во всплывающем окне (параметры я опишу позже). Я пытаюсь связать воедино 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

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

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

Answer 3

Это изменит ссылку, поэтому href будет таким же.

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

например,

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

становится

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

РЕДАКТИРОВАТЬ:

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

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");
    }

});

Answer 4

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