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;
			}
		}
	}

 

 

 

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