JS or JQ 動態修改 網站 logo

應對一些特殊的情況, 需要將網站的logo修改. 寫下方法記錄一下.  

	/**
	 * JQ  修改 網站 icon
	 * @param {Object} url 自定義 的 icon url
	 */
	selfSetIcon(url){
		var links = $('link') // 獲取所有 link 元素
		for(var i = 0;i<links.length;i++){	//遍歷 link 元素
			var link = $(links[i])
			var rel = link[0].rel;  // rel 表示 link 的類型  icon 對應 shortcut icon
			rel = rel.toLowerCase(); // 部分網站 會 大寫. 統一轉成小寫
			if(rel.indexOf('shortcut icon') > -1){ // 當連接中存在 shortcut icon 字眼
				link[0].href = url // 修改 網站icon
				break;
			}
		}
	}


	/**
	 * JS  修改 網站 icon
	 * @param {Object} url 自定義 的 icon url
	 */
	selfSetIcon(url){
		var links = document.getElementsByTagName('link') // 獲取所有 link 元素
		for (var i = 0; i < links.length; i++) { //遍歷 link 元素
			var link = links[i]
			var rel = link.rel; // rel 表示 link 的類型  icon 對應 shortcut icon
			rel = rel.toLowerCase(); // 部分網站 會 大寫. 統一轉成小寫
			if (rel.indexOf('shortcut icon') > -1) { // 當連接中存在 shortcut icon 字眼
				link.href = url // 修改 網站icon
				break;
			}
		}
	}

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章