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

我通过在＆lt; / script＆gt;中转义正斜杠来实现它。内联Javascript中不允许使用结束脚本标记，因为它会解析代码的解析方式：

        jQuery('#code').append('<script>alert("WORKING");<\/script>');

Answer 2

这实际上是一个非常简单的任务，并且不需要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);
}

在jquery onclick事件上添加javascript代码到页面

2 个答案: