ansaurus

Question

How to add javascript file in <head> in this condition?

Answer 1

+3 A:

If you have to do it on the client-side in JavaScript, you may want to try the following:

var newScript;

if (document.getElementById('main').action.indexOf('?cms_mode=edit') >= 0) {  
   newScript = document.createElement('script');
   newScript.type = 'text/javascript';
   newScript.src = 'edit.js';
   document.getElementsByTagName("head")[0].appendChild(newScript);
}

Daniel Vassallo 2010-09-03 12:09:18

Is it 100% certain that the browser will pick up the DOM change and load the script?

Mikael Svenson 2010-09-03 12:13:17

@Mikael: Yes. Dynamic script insertion is a commonly used pattern. It is also used for [JSONP](http://en.wikipedia.org/wiki/JSON#JSONP).

Daniel Vassallo 2010-09-03 12:14:24

@Daniel: I've inserted scripts before, and then called them, but didn't know that loading also worked. Cool :D

Glen 2010-09-03 12:17:17

@Daniel Vassallo - Ok i will try this

metal-gear-solid 2010-09-03 12:28:55

@Daniel Vassallo - will it give error if action="/" is something else?

metal-gear-solid 2010-09-03 12:38:17

@metal-gear-solid: No it shouldn't. `document.getElementById('main').action` should give you the absolute URL of the action, if one is set. We used `indexOf` and not `==`, because of the absolute url.

Daniel Vassallo 2010-09-03 13:20:58

ansaurus

tags:

views:

answers:

How to add javascript file in <head> in this condition?

related questions