I have this code:
<script type="text/javascript">
var rndn = Math.round(Math.random()*1000000);
</script>
<script type="text/javascript" src="http://myexample.com/call=cid&rnd=7676786"></script>I need to recall the "rndn" var to replace the number 7676786 in the second script.
How do I do that?
I think this is the best way to do it:
<script type="text/javascript">
var rndn = Math.round(Math.random()*1000000);
var myScript = document.createElement('script');
myScript.setAttribute('src','http://myexample.com/call=cid&rnd='+rnd);
document.head.appendChild(myScript);
</script>
id, check if the element exists, if so update it, if not then create it.
This should work:
<script type="text/javascript" src="javascript:'http://myexample.com/call=cid&rnd='+rndn"></script>
Simply:
<script id="other_script" type="text/javascript">
</script>
<script type="text/javascript">
var rndn = Math.round(Math.random()*1000000);
document.getElementById("other_script").setAttribute("src","http://myexample.com/call=cid&rnd="+rndn);
</script>
document.getElementById("other_script") will be null, and why the jQuery part?window.onload=function(){//Here} otherwise the javascript will run before the browser knows other_script exists or it could be placed in another function and have window.onload=MyFunc; to call it when the DOM is ready.Uncaught TypeError: Cannot read property 'setAttribute' of null in the console hence me offering a solution to fix the answer. The browser has to read the elements before you can attempt to change them.I found out that the best way to do this is:
<script type="text/javascript">
var rndn = Math.round(Math.random()*1000000);
document.write('<scri'+'pt language=\"Javascript\" src=\"http://myexample.com/call=cid&rnd='+rndn+'"></scri'+'pt>');
</script>document.write() as long as it is used before the page has finished loading.