I have a Js function that I would like to:
- Reference another js file
- Pull a function out.
I would like to do this JS side and not reference on the actual page as I need this process to happen dynamically.
-
I'm not sure I understand. What exactly are you trying to accomplish? Pulling a specific function and nothing else from another JS file? I don't see that being possible unless you want to load it into a server side language like PHP and parse it... otherwise you will just need to pull the entire script file. (Assuming its on the same domain)Tyler– Tyler2011-08-15 17:28:59 +00:00Commented Aug 15, 2011 at 17:28
Add a comment
|
3 Answers
var h = document.getElementsByTagName('head')[0],
s = document.createElement('script');
s.type = 'text/javascript';
s.onload = function () { document.getElementById('hello').innerText = h.innerText; };
s.src = 'http://html5shiv.googlecode.com/svn/trunk/html5.js';
h.appendChild(s);
Comments
If you're working with the browser, jQuery has an helper function for it, $.getScript.
1 Comment
karim79
Appending a script tag to the head element will load it in asynchronously, there's no need for ajax.
The only option I can think of is to dynamically insert a new script tag into the page targeting your desired script from your initial javascript. Just have your initial script insert the new <script> tag on load, or upon request and then test for availability.
