How to add anything in head through jquery javascript

Question

I m working with a CMS  which prevents editing HTML source for  lt head gt  element   For example I want to add the following above the  lt title gt  tag    lt meta http-equiv  X-UA-Compatible  content  IE EmulateIE7    gt

User · Answer

jQuery     head   append           JavaScript   document getElementsByTagName  head   0  appendChild

User · Answer

In the latest browsers  IE9   you can also use document head   Example   var favicon   document createElement  link    favicon id    myFavicon   favicon rel    shortcut icon   favicon href    http   www test com my-favicon ico    document head appendChild favicon

User · Answer

JavaScript   document getElementsByTagName  head   0  appendChild           Make DOM element like so   link document createElement  link    link href  href   link rel  rel    document getElementsByTagName  head   0  appendChild link

User · Answer

Try a javascript pure   Library JS   appendHtml   function element  html        var div   document createElement  div        div innerHTML   html      while  div children length  gt  0            element appendChild div children 0              Type  appendHtml document head    lt link rel  stylesheet  type  text css  href  http   example com example css   gt      or jQuery      head   append     lt link rel  stylesheet  type  text css    gt    attr  href    http   example com example css

User · Answer

You can select it and add to it as normal      head   append   lt link   gt

User · Answer

Create a temporary element  e  thinsp g  DIV   assign your HTML code to its innerHTML property  and then append its child nodes to the HEAD element one by one  For example  like this   var temp   document createElement  div     temp innerHTML     lt link rel  stylesheet  href  example css    gt                      lt script src  foobar js  gt  lt   script gt      var head   document head   while  temp firstChild        head appendChild temp firstChild       Compared with rewriting entire HEAD contents via its innerHTML  this wouldn   t affect existing child elements of the HEAD element in any way   Note that scripts inserted this way are apparently not executed automatically  while styles are applied successfully  So if you need scripts to be executed  you should load JS files using Ajax and then execute their contents using eval

User · Answer

You can use innerHTML to just concat the extra field string   document head innerHTML   document head innerHTML     lt link rel  stylesheet gt        However  you can t guarantee that the extra things you add to the head will be recognised by the browser after the first load  and it s possible you will get a FOUC  flash of unstyled content  as the extra stylesheets are loaded   I haven t looked at the API in years  but you could also use 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

User · Answer

With jquery you have other option      head   html    head   html               anyway it is working  JavaScript option others said  thats correct too

[javascript] How to add anything in <head> through jquery/javascript?

Examples related to javascript

Examples related to jquery

Examples related to css

Examples related to xhtml