应用场景:多个页面中使用同一个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>

版权声明:本文为jigang原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/jigang/p/13067246.html