如何使用“window.location.href”在 jQuery HTML 插入或换行中？

Question

我正在尝试将链接插入到空的 << a＞其 ID 为“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

顺便说一句：在 javascript 中，你用 + 而不是 . 组合字符串（PHP，对吧？）：

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

Answer 3

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

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

});