点击事件调用js文件，然后将内容加载到div中

Question

我希望能够单击 Orange 文本来调用 Orange.js 文件，然后将 .js 文件加载到 myTableResult div 中。我希望 .js 文件的名称位于 onclick 事件内。有人可以帮我吗？

<a onclick="getScript('Orange.js');"/>Orange</a>

<div id="myTableResult">


</div> 

<script type="text/javascript" src="/myapp/htmlCode"></script>

Answer 1

如果你使用jquery，你可以使用：

$.getScript( "ajax/test.js", ()=>{
// after load
}
});

获取脚本并在加载后部分执行您想要的任何命令（调用函数等）。

如果您使用的是普通 JavaScript，那么您需要首先将脚本添加到文档正文，然后调用您想要的任何函数，如下所示：

// Create new script element
const script = document.createElement('script');
script.src = '/path/to/js/file.js';

// Append to the `head` element
document.head.appendChild(script);

script.addEventListener('load', function() {
    // The script is loaded completely
    // Do something
});