[基本解决]javascript中如何设置html的meta值

[背景]
折腾:
期间,需要去搞懂:
用js代码,如何设置html的meta值,能这样的html的效果:
<meta name="viewport" content="initial-scale=1.0" />
[折腾过程]
1.搜:
js set html meta
js set html meta viewport
参考:
去试试:
暂时去:
中试试那个:
        viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0');
或:
var metaTag=document.createElement('meta');
metaTag.name = "viewport"
metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
document.getElementsByTagName('head')[0].appendChild(metaTag);
看看是不是这么写的。
[总结]
虽然上面用:
没有解决字体问题,但是此处的上面的两套代码:
(1)html中已经存在meta值了,下面代码只是重新修改meta值
        viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0');
或:
(2)html中没有meta这个值,所以是重新创建meta,并且设置viewport的值:
var metaTag=document.createElement('meta');
metaTag.name = "viewport"
metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
document.getElementsByTagName('head')[0].appendChild(metaTag);

应该都是可以正常设置这个head的meta值的。



发表评论

电子邮件地址不会被公开。 必填项已用*标注

无觅相关文章插件,快速提升流量