Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


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);
}