在 Javascript 中的 HTML 中包含 Javascript 变量答案

【问题标题】：Include Javascript Variable In HTML in Javascript在 Javascript 中的 HTML 中包含 Javascript 变量
【发布时间】：2013-10-05 16:24:03
【问题描述】：

我正在使用 jquery 将内容附加到我的 html 中。在 onclick 函数中，我想向函数发送一个 javascript 变量，但它不起作用。

代码如下：

var link = "some url";
$('#header').append('<a onclick="activateLink(link);">Click</a>');

function activateLink(vlink)
{
    window.open(vlink, '_blank');
}

我已经尝试了以下

$('#header').append('<a onclick="activeLink**("'+link+'")**;">Click</a>');

与

$('#header').append('<a onclick="activeLink**('+link+')**;">Click</a>');

似乎没有任何效果。任何帮助表示赞赏。

【问题讨论】：

link 是局部变量吗？内联 Javascript 只能访问全局变量。

标签： jquery html hyperlink onclick append

【解决方案1】：

我建议：

$('<a />', {
    'text' : 'Click',
    'click' : function(){
        activateLink(link);
     }
}).appendTo('#header');

JS Fiddle demo.

【讨论】：