應用場景:多個頁面中使用同一個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>