javascript - 将 javascript 代码添加到 jquery onclick 事件的页面

Question

我需要在 onclick 后在我的页面上添加一些 javascript 代码。我有以下代码，但单击按钮时没有任何反应，页面仅输出:

'); }); }); [button]

这是我的代码:

<button type="submit" id="btn">button</button>

<div id="code"></div>

<script>
jQuery(document).ready(function () {
    jQuery('#btn').click(function(){
        jQuery('#code').append('<script>alert("WORKING");</script>');
    });
});
</script>

Answer 1

这实际上是一个非常简单的任务，并且不需要 Jquery——尽管您可以根据需要使用或不使用 Jquery 来执行该函数。

function AddNewExternalScriptToThisPage(ExternalScriptURLPath) {
    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = ExternalScriptURLPath;
    headID.appendChild(newScript);
}

如果需要，您还可以添加 onload 事件:

function AddNewExternalScriptToThisPage(ExternalScriptURLPath) {
    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = ExternalScriptURLPath;
    newScript.onload=scriptHasLoadedContinue;
    headID.appendChild(newScript);
}