How to change add javascript files dynamically in the header of an html file?

Question

I have an html page, I need to add some reference to JS files in the head of the html. The following code is working, but the scriptTVKeyValue is always being added before the tag I would like to add instead directly after Any idea what I am doing wrong here?

<head>
        // I want reference added here
        <script src="js/jquery.js"></script>
        <script src="js/json2.js"></script>
        // Reference to file added here
</head>

// APP_MAIN.onLoad()
            var scriptTVKeyValue = document.createElement('script');
            scriptTVKeyValue.type = 'text/javascript';
            scriptTVKeyValue.src = '$MANAGER_WIDGET/Common/API/TVKeyValue.js';
            head.appendChild(scriptTVKeyValue);

OlZ · Accepted Answer · 2013-07-04 07:18:02Z

1

Look at http://www.jspatterns.com/the-ridiculous-case-of-adding-a-script-element/
You should have the answer

answered Jul 4, 2013 at 7:18

OlZ

3461 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cjxcz Odjcayrwl · Accepted Answer · 2013-07-04 07:20:09Z

1

Solution using jQuery:

//Take the refference to the previous node
var $jsFile = $container.find('[src="js/jquery.js"]'); 
var fileName= '$MANAGER_WIDGET/Common/API/TVKeyValue.js';

// Insert the script
$jsFile .insertAfter($('<script>')
  .attr('type', 'text/javascript')
  .attr('src', fileName));

edited Jul 4, 2013 at 7:20

Cjxcz Odjcayrwl

23k44 gold badges150 silver badges232 bronze badges

answered Jul 4, 2013 at 7:13

Gregory Nozik

3,3823 gold badges35 silver badges48 bronze badges

Comments

Balint Bako · Accepted Answer · 2013-07-04 07:21:24Z

1

If you are happy/allowed to use a JS library, then you can load the scripts with requireJS It has advanced features to do this: it will enable you to call functions after your dynamically added script is loaded.

answered Jul 4, 2013 at 7:21

Balint Bako

2,5701 gold badge16 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to change add javascript files dynamically in the header of an html file?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related