Skip to content

Instantly share code, notes, and snippets.

@ChathuraGH
Created December 1, 2023 19:51
Show Gist options
  • Save ChathuraGH/975d75a8b560f453e371d08d557dcc19 to your computer and use it in GitHub Desktop.
Save ChathuraGH/975d75a8b560f453e371d08d557dcc19 to your computer and use it in GitHub Desktop.
To load a .js or .css file dynamically
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file
//source
// https://stackoverflow.com/questions/5751620/ways-to-add-javascript-files-dynamically-in-a-page
// https://stackoverflow.com/a/5762713/13861187
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment