JS or JQ 动态修改 网站 logo

应对一些特殊的情况, 需要将网站的logo修改. 写下方法记录一下.  

	/**
	 * JQ  修改 網站 icon
	 * @param {Object} url 自定義 的 icon url
	 */
	selfSetIcon(url){
		var links = $('link') // 獲取所有 link 元素
		for(var i = 0;i -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;
			}
		}
	}

 

 

 

你可能感兴趣的:(工具类,JavaScript)