如何插入元标记，而不使用jQuery追加？ [英] How to insert metatag without using jquery append?

问题描述

我用下面的jQuery来插入元标记为一个HTML文档。

 ＆LT;脚本类型=文/ JavaScript的＆GT;
如果（screen.width＆GT; = 320安培;＆安培; screen.width＆LT; = 767）{
$（'头'）追加（'＆LT;元ID =视口NAME =视口CONTENT =WIDTH = 320;初始规模= 1.0;最大规模= 1.0;用户可扩展= 0;＆GT ;'）;}
＆LT; / SCRIPT＆GT;
 

如果可能的话，我想插入元标记，而不使用jQuery。任何人有任何想法，我该怎么办呢？

我相信我可能会需要使用document.getElementByTagName，但我不知道如何。

万一你想知道，我插入到元标记我的HTML向optomize现场为与iphone观看。
不幸的是，宽度=设备宽度不，因为它不符合我的iPad版本打得很好的选择。

解决方案

  VAR viewPortTag =使用document.createElement（'元'）;
viewPortTag.id =视口;
viewPortTag.name =视口;
viewPortTag.content =宽度= 320;初始规模= 1.0;最大尺度= 1.0;用户可扩展= 0;;
document.getElementsByTagName（'头'）[0] .appendChild（viewPortTag）;
 

I used the following jquery to insert a metatag into a html document.

<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>

If possible, I'd like to insert the metatag without using jquery. Anyone have any ideas how I can do that?

I believe I will probably need to use document.getElementByTagName but I'm not sure how.

Just in case you are wondering, I am inserting the metatag into my html to to optomize the site for viewing with the iphone. Unfortunately, width=device-width is not an option as it doesn't play well with my ipad version.

解决方案

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);

这篇关于如何插入元标记，而不使用jQuery追加？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！