how to include an external JS file within a JavaScript code?

@TinypantsApr 17.2007 — #

<i>
 </i>var e = document.createElement('script');
 e.src = 'somefile.js';
 e.type = "text/javascript";
 document.getElementsByTagName('head')[0].appendChild(e);

This will load js file to the header. You will need to use another method to determine when the file is loaded as you will not be able to access any function within the file tell its done.

One method is putting the function/command you are going to be running next at the end of .js file. That way when the file finishes loading it will run the command.

@svidgenApr 17.2007 — #Hello,

Perhaps you could try something simliar to the following (which I tested in FF, IE6, and Safari):

[code=html]
 <html>
 <head>
 
 <script>
 function bodyLoaded() {
 new_script = document.createElement('script');
 new_script.setAttribute("language", "JavaScript");
 new_script.setAttribute("src", "ajax-alert.js");
 document.body.appendChild(new_script);
 } // bodyLoaded()
 </script>
 
 </head>
 <body onLoad="bodyLoaded();">
 
 this is my document.
 
 </body>
 </html>[/code]

My test ajax-alert.js file is as follows:

[CODE]alert("something");[/CODE]

Basically, create a script element, set the language and src attributes, and append it into the body. JavaScript in an HTML setting is built to be able to do exactly what you need. This is a rather elegant method of dealing with AJAX requests in general. However, I think [B]any[/B] solution from the AJAX family is really what you're looking for.

If you think this method is ugly, look into using the XMLHttpRequest method or using an invisible iframe for requests. The invisible iframe method is also (as I recall) compatible cross-browser, which makes it favorable for some.

In brief, create an iframe. Set it's visiblity to hidden. Use it to load URL's. Execute the returned value. I'm not sure the code below is exactly what you'd need, but it should be close:

[CODE]document.getElementById('iframeid').location=[I]newURL[/I];
 eval(document.getElementById('iframeid').innerHTML);
 [/CODE]

IE may still make those annoying (to some) clicking noises when an iframe loads a URL, which is why some may steer away from that method. There are a lot of options out there. You just have to pick one.

Hope that helps.

how to include an external JS file within a JavaScript code?

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

how to include an external JS file within a JavaScript code?

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴