A tip when running javascript dynamically

firefox works differently from ie when change src of a existing script , in ie this action cause the javascript engine to reload that script, and execute it ,while in firefox, nothing will happen

 

you can have your own test by following code

  
  

   
   
   
   <
   
   script id
   
   =
   
   "
   
   s1
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   >
   
   

   
   </
   
   script
   
   >
   
   

   
   <
   
   script language
   
   =
   
   "
   
   javascript
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   >
   
   
    document
   
   .
   
   getElementById(
   
   "
   
   s1
   
   "
   
   )
   
   .
   
   src
   
   =
   
   "
   
   1.js
   
   "
   
   ;

   
   </
   
   script
   
   >
   
   

  
  

in 1.js we simply alert some message

alert("executed");

 

So if you want the browser to execute some js dynamically , you need to reload the script element.  Add a script element into DOM will cause the execution of the script in both browser ,following code shows how to reload a script element

 

  
  

   
   
   
   if
   
   (
   
   this
   
   .element)

   
   this
   
   .element.parentNode.removeChild(
   
   this
   
   .element);

   
   this
   
   .element
   
   =
   
   document.createElement(
   
   "
   
   SCRIPT
   
   "
   
   );

   
   this
   
   .element.type
   
   =
   
   "
   
   text/javascript
   
   "
   
   ;

   
   this
   
   .element.id 
   
   =
   
    
   
   "
   
   MzJsonElement
   
   "
   
   ;

   
   this
   
   .element.src
   
   =
   
   url;
document.getElementsByTagName(
   
   "
   
   HEAD
   
   "
   
   )[
   
   0
   
   ].appendChild(
   
   this
   
   .element);
  
  

this might be helpful when  we need our browser to run some  json callback script