html中替换meta标签内容

应用场景：多个页面中使用同一个meta，为了减少重复工作和修改方便，通过引入js动态改变。

实现方法

通过js取出meta内容，替换即可。

head.js内容如下

$(function () {
    function setHeadMeata() {
        var viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no');
    }
    setHeadMeata()
})

页面中使用

<script src='js/head.js' type="text/javascript"></script>