function loadJs ( file)
{
var head = $ ( "head" ) . remove ( "script[role='reload']" ) ;
$ ( "<scri" + "pt>" + "</scr" + "ipt>" ) . attr ( {
role: 'reload' , src: file, type: 'text/javascript' } ) . appendTo ( head) ;
}
function reloadAbleJSFn ( id, newJS) {
var oldjs = null ;
var t = null ;
var oldjs = document. getElementById ( id) ;
if ( oldjs) oldjs. parentNode. removeChild ( oldjs) ;
var scriptObj = document. createElement ( "script" ) ;
scriptObj. src = newJS;
scriptObj. type = "text/javascript" ;
scriptObj. id = id;
document. getElementsByTagName ( "head" ) [ 0 ] . appendChild ( scriptObj) ;
}
< head>
< script type= "text/javascript" src= "../jquery.js" > < / script>
< script type= "text/javascript" >
$ ( function ( )
{
$ ( '#loadButton' ) . click ( function ( ) {
$. getScript ( 'new.js' , function ( ) {
newFun ( '"Checking new script"' ) ;
} ) ;
} ) ;
}
< / script>
< / head>
< body>
< button type= "button" id= "loadButton" > Load< / button>
< / body>