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

Question

我正在尝试将链接插入到具有id"popup"的空<a>中.该链接将在弹出框中打开当前页面(我将在稍后定义参数).我正在尝试将制作超链接所需的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'); }
}));

您的原始方法存在两个问题:

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

1. 使用+连接字符串
2. 您需要围绕属性引用

像这样:

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