How to add JavaScript code in page header?

Question

Can anyone please guide how can I add a javascript block to page header at run-time?
I want to link an external js file to header at run time.

In HTML? Or through some framework? Please elaborate.

Bouke
– Bouke

2011-11-08 11:11:56 +00:00
Commented Nov 8, 2011 at 11:11 — Bouke
– Bouke, Commented Nov 8, 2011 at 11:11

Ferran Basora · Accepted Answer · 2011-11-08 11:23:25Z

2

If you want to load a script at run time with jquery you could use the ajax function:

$.ajax({
    url: 'http://example.org/myscript.js',
    dataType: 'script',
    async: false

});

answered Nov 8, 2011 at 11:23

Ferran Basora

3,1573 gold badges22 silver badges13 bronze badges

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

Comments

the_drow · Accepted Answer · 2011-11-08 11:09:09Z

0

You need to look at this page that explains On Demand Javascript.
Specifically on this function:

function ensureUploadScriptIsLoaded() {
   if (self.uploadScript) { // Already exists
     return;
   }
   var head = document.getElementsByTagName("head")[0];
   script = document.createElement('script');
   script.id = 'uploadScript';
   script.type = 'text/javascript';
   script.src = "upload.js";
   head.appendChild(script);
 }

CommonJS also specifies a way to load scripts and the Dojo Toolkit implements it. You should take a look at require function. Example: require(["a/b"], function(b) { ... });

answered Nov 8, 2011 at 11:09

the_drow

19.3k28 gold badges131 silver badges199 bronze badges

Collectives™ on Stack Overflow

How to add JavaScript code in page header?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related