JS動態給head標簽里面添加內容

1、加載不同的css樣式

var scrWidth = window.screen.width;   //獲取當前分辨率的大小
if(scrWidth == 1920){   
　　//當分辨率為1920是應該引入的css
　　var headHTML = document.getElementsByTagName('head')[0].innerHTML;
　　headHTML    += '<link type="text/css" rel="stylesheet" href="css/style1920.css">';
　　document.getElementsByTagName('head')[0].innerHTML = headHTML;
}else {  
　　//當分辨率為1366引入的css文件
　　var headHTML = document.getElementsByTagName('head')[0].innerHTML;
　　headHTML    += '<link type="text/css" rel="stylesheet" href="css/style1366.css">';
　　document.getElementsByTagName('head')[0].innerHTML = headHTML;
}

2、為seo動態添加canonical標簽

$(function(){
    var curlink = window.location.href;
    var headHTML = document.getElementsByTagName('head')[0].innerHTML;
    headHTML    += '<link rel="canonical" href="'+curlink+'">';
    document.getElementsByTagName('head')[0].innerHTML = headHTML;
})