从 jQuery / Javascript 插入脚本

Question

我正在尝试从 jQuery 将 reCaptcha 代码插入到我的页面中，但它不起作用。

这是我的代码：

$("#button").click(function() {
        $("#loginBox").html($.getRecaptcha());
    })

当我尝试以下操作时，我的代码甚至无法运行。我认为它试图执行而不是渲染它。

$.getRecaptcha = function(){
    return '<script type="text/javascript"' +
        'src="http://api.recaptcha.net/challenge?' + 
        'k=6Ld3iAsAAAAAAGyX8QT244GagPEpCDSD-96o4gEi"></script>';

}

通过以下内容，代码运行，但是当我单击 #button 时，我得到一个空的全白色 浏览器窗口。

$.getRecaptcha = function(){
    var captcha = $("<script>")
        .attr("type", "text/javascript")
        .attr("src", "http://api.recaptcha.net/challenge?k=6Ld3iAsAAAAAAGyX8QT244GagPEpCDSD-96o4gEi");
    return captcha;
}

我不想从一开始就将 reCaptcha 代码插入到我的 html 中，因为即使我的用户不想使用它，它也会从 reCaptcha 服务器下载 reCaptcha 内容。我可以将保存 reCaptcha 的容器的可见性设置为不可见（显示：无；），但无论内容如何，​​它都会下载内容。

我可以插入reCaptcha给我们的“noScript”代码，但它也不起作用，因为它可以发现浏览器允许javascript，但我使用noScript。

有什么建议吗？

（我知道我将我的公共 reCaptcha 密钥放入代码中，但这只是出于测试目的，无论如何您都可以从我的 html 或 javascript 代码中获取它）

更新：

Krunal Mevada 回答了我的问题。但它不适用于 reCaptcha。 reCaptcha 提供了 reCaptcha AJAX API 这是我的具体问题的答案。但是，使用 getScript()，我可以动态下载 reCaptcha AJAX API javascipt 文件。

Answer 1

使用 getScript 方法jQuery。

可能这个答案可能有用：

堆栈答案

Answer 2

第一个代码部分：在第一行末尾插入一个空格：

return '