如何在jQuery HTML插入或換行中使用'window.location.href'？

Question

我試圖插入一個鏈接到一個空的< a>，其ID爲「popup」。鏈接將在彈出框中打開當前頁面（使用稍後將定義的參數）。我試圖將超鏈接加上JS變量'window.location.href'所需的HTML串起來 - 如何將它們串在一起？即我怎麼解決這個問題，使其工作，或者重寫它作爲「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'); } 
})); 

---

有兩個問題與原始的方法：

$("#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

BTW：在你的JavaScript字符串結合使用+代替.（PHP，對吧？）：

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

Answer 4

這將更改鏈接，因此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"); 
    } 

});