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