Loading Javascript file by using document.createElement() and binding with windows.onload event -- The orginal article is Javascript Async Loading
The Javascript file is alert.js
The test code as below:
<script language="javascript" type="text/javascript">
function loadjs(script_filename) {
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', script_filename);
script.setAttribute('id', 'coolshell_script_id');
script_id = document.getElementById('coolshell_script_id');
if(script_id){
document.getElementsByTagName('head')[0].removeChild(script_id);
}
document.getElementsByTagName('head')[0].appendChild(script);
}
function onPageLoad(){
var script = './alert.js';
loadjs(script);
}
window.onload = onPageLoad;
</script>