Skip to content

Instantly share code, notes, and snippets.

@vyspiansky
Last active March 1, 2021 16:02
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vyspiansky/11031023 to your computer and use it in GitHub Desktop.
Save vyspiansky/11031023 to your computer and use it in GitHub Desktop.
JavaScript: dynamically loading (include) JavaScript and CSS
// Code snippets for dynamically loading JavaScript and CSS
// Copyright : This script has been placed in the public domain.
// Gist : https://gist.github.com/livibetter/5211293
// Blog post : http://blog.yjl.im/2013/03/dynamically-loading-javascript-and-css.html
// Last update : 2013-03-21T07:35:25Z
// Author : Yu-Jie Lin
// Website : http://yjl.im
function load_CSS(src, cb) {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = src;
if (cb) {
link.addEventListener('load', cb);
}
document.getElementsByTagName('head')[0].appendChild(link);
}
function inject_CSS(css, cb) {
var style = document.createElement('style');
style.innerHTML = css
if (cb) {
style.addEventListener('load', cb);
}
document.getElementsByTagName('head')[0].appendChild(style);
}
function load_JS(src, cb) {
var script = document.createElement('script');
script.src = src;
script.charset = "utf-8";
if (cb) {
script.addEventListener('load', cb);
}
document.getElementsByTagName('head')[0].appendChild(script);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment