Inject a meta tag from a document's body?

Question

I need to add a meta tag (specfically, <meta name="apple-itunes-app" content="app-id=xxxxx"> ) to a certain page, but the way our templates are set up, it's not possible for me to edit the code for the HEAD tag directly (for corporate, not technical, reasons).

Therefore, is there a way using JQuery within the BODY tag to add this meta tag?

Answer 1

Maybe you can try this:

jQuery:

$('head').append('<meta name="apple-itunes-app" content="app-id=xxxxx">');

Javascript:

document.getElementsByTagName('head')[0].appendChild('<meta name="apple-itunes-app" content="app-id=xxxxx">');

Answer 2

您可以添加元标记，但由于它们在正文被解析之前就已使用，因此没有用。

Answer 3

$('head').append(""); << doesn't work, I even saw this in document.ready, like dystroy says: you need the tag before the body is even parsed....

For me, this did the job:

1. Put this in the head section, it will detect and write the meta before the body is parsed. If you don't have any conditions, just paste the html in the head section:

 <script type="text/javascript"> var isiPad = navigator.userAgent.match(/iPad/i) != null; if(isiPad === false){ document.write('<meta name="apple-itunes-app" content="app-id={xxxxx}">'); } </script>