| Excerpt |
|---|
A common approach load remote JS code is to use <script src="..."></script>, but sometimes you will be required to load the remote JavaScript code dynamically. Then you can simple do it by creating script element by document.createElement('script') |
Below is an example to load JavaScript code in the header
| Code Block |
|---|
function load_javascript_header(url) {
const script = document.createElement("script");
script.type="text/javascript";
script.src = url;
script.async = true;
script.crossorigin="anonymous";
document.head.appendChild(script);
eval(script);
} |
Below is an example to load JavaScript code in the body:
| Code Block |
|---|
function load_javascript_body(url) {
const script = document.createElement("script");
script.type="text/javascript";
script.src = url;
script.async = true;
script.crossorigin="anonymous";
document.body.appendChild(script);
eval(script);
} |