Comment insérer une balise sans l'aide de jquery ajouter?

J'ai utilisé jquery pour insérer une balise dans un document html.

<script type="text/javascript">
if(screen.width>=320 && screen.width<=767){
$('head').append('<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">');}    
</script>

Si possible, j'aimerais insérer la balise meta sans l'aide de jquery. N'importe qui ont des idées de comment je peux faire?

Je crois que je vais sans doute besoin d'utiliser document.getElementByTagName mais je ne suis pas sûr de savoir comment.

Juste au cas où vous vous demandez, je suis de l'insertion de la balise meta dans mon code html pour optomize le site pour l'affichage avec l'iphone.
Malheureusement, width=device-width n'est pas une option, car elle ne joue pas bien avec mon ipad version.

Juste par curiosité, êtes-vous sûr que les appareils mobiles exécuter votre code Javascript avant de passer à la balise Meta?
Je l'ai testé sur l'ipad et l'iphone et ça fonctionne. Bonne question. Je ne suis pas sûr de tous les autres périphériques. Je vais essayer android plus tard.
En fait, je retire ce que. Je trouve que l'iphone n'est pas toujours la détection de la balise meta (Au moins je pense que c'est le problème). Parfois ça marche, parfois ça ne marche pas. Je pense que je vais utiliser php plutôt et simplement rediriger vers un mobile page spécifique.
J'ai remarqué que les points-virgules dans le "contenu" attr sont mauvais, devraient être des virgules: "width=320, initial-scale=1, ..."

OriginalL'auteur TryHarder | 2011-10-10

  1. 32
    var viewPortTag=document.createElement('meta');
viewPortTag.id="viewport";
viewPortTag.name = "viewport";
viewPortTag.content = "width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;";
document.getElementsByTagName('head')[0].appendChild(viewPortTag);
    Qui a fait le tour. Merci!

    OriginalL'auteur Kai

  2. 6

    Vous pouvez également utiliser "setAttribute" (plutôt que le "point" de la notation) pour weirdo noms d'attribut (qui contiennent des caractères alpha-numériques).

    Exemple:

    var iefix=document.createElement('meta');
iefix.setAttribute("http-equiv", "X-UA-Compatible");
iefix.setAttribute("content", "IE=Edge");
document.getElementsByTagName('head')[0].appendChild(iefix);

    L'exemple ci-dessus les causes de l'IE (<=9) de toujours utiliser la dernière document normes de la mode. Parfois IE reviendra aux normes les plus anciennes, et donc de casser votre moderne javascript /toile web app.

    OriginalL'auteur bob

  3. 4

    Javascript solution:

    document.getElementsByTagName('head')[0].innerHTML += '<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">';

    OriginalL'auteur Jan Pfeifer

  4. 1

    Voici une solution qui crée une balise meta, si elle n'existe pas déjà:

    var viewport = document.querySelector('meta[name=viewport]');
var viewportContent = 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0';

if (viewport === null) {
  var head = document.getElementsByTagName('head')[0];
  viewport = document.createElement('meta');
  viewport.setAttribute('name', 'viewport');
  head.appendChild(viewport);
}

viewport.setAttribute('content', viewportContent);

    OriginalL'auteur Benny Neugebauer