Add javascript link to head

How to add anything in through jquery/javascript?

This doesn’t make sence. The head is parsed prior to the execution of javascript. Adding meta stuf to the head via javascript would not have the desired effect.

While not related to the CMS question, it can make sense to add meta tags in certain circumstances. There are various browser addons and javascript injections that use data that is in the meta tags to gather information. Facebook’s OpenGraph is one example. Injecting meta tags into the head is needed when you don’t have direct access to the originating HTML, whether by fault of a CMS or because you are writing a javascript addon/injection yourself.

Note that it’s possible that adding tags dynamically will have no effect, depending on what they are and what browser is involved.

8 Answers 8

You can select it and add to it as normal:

It is adding link, but link not showing in page’s view Source. I can view it from browser development tools like Firebug. Can I view link in view source also?

@PankajTiwari You won’t see it in the source view because the code appends it to the current document, not the original source (which was provided by the server). That’s why FireBug and Chrome Dev tools are so useful.

document.getElementsByTagName('head')[0].appendChild( . ); 

const link = document.createElement('link'); link.href = 'href'; link.rel = 'rel'; document.getElementsByTagName('head')[0].appendChild(link); 

document.getElementsByTagName('head')[0].appendChild( . ); 

dosen’t appendChild require a DOM-element? ie. var elem = document.createElement() document.getElementsByTagName(‘head’)[0].appendChild( elem );

well yes. i just left that part as . because i didn’t feel that was a central part of the question, and also, at the time of writing, there was no hands-on example as to what he wanted to put in head. but yes, it does need to be a DOM-element.

You can use innerHTML to just concat the extra field string;

document.head.innerHTML = document.head.innerHTML + 'document.write, which is what was designed for this sort of action. However, this would require you to block the page from rendering until your initial AJAX request has completed.