1、设置网站标题

let title = ""; // 网站标题
document.title = title; // 动态修改网站标题

let title = ""; // 网站标题document.querySelector('head title').innerText = title

2、设置网站图标

<link id="custom_favicon" rel="icon" href="" />
let icon = ""; //网站图标
document.getElementById('custom_favicon').href = icon

let icon = ""; //网站图标
changeFavicon(icon); // 动态修改网站图标const changeFavicon = link => {let favicon = document.querySelector('link[rel="icon"]')if (favicon !== null) {favicon.href = link} else {favicon = document.createElement("link")favicon.rel = "icon"favicon.href = linkdocument.head.appendChild(favicon)}
}

动态修改浏览器导航栏图标和文字相关推荐

vue动态修改浏览器标题和图标
项目场景: 在一个功能一致的项目中,要分别部署成两个系统. 问题描述两个系统名称不一致.标题不一致.logo不一致,又不想单独拉出一套代码(单独拉出后维护成本增加),想要动态改变. 解决方案: 在m ...
uniapp动态显隐导航栏图标
uniapp动态显隐导航栏图标实现思路: 将图标的宽度设置为0,就可以将图标隐藏上代码: var pageView= this.$mp.page.$getAppWebview(); if(&quo ...
uni-app h5修改浏览器导航栏的 title以及icon
1.title 在pages.json文件中修改:"navigationBarTitleText":"uni-app" 2.icon的修改 2.1 在stati ...
uniapp h5修改浏览器导航栏的 title
方法1 uni.setNavigationBarTitle({title:"我的"}); 方法2 在pages.json 里面的设置整个项目的title "global ...
修改自定义导航栏按钮文字内容的方法
第一步在 pages.json 内部定义原生导航栏搜索框和按钮 {"path": "pages/tabbar/dingdan/dingdan","s ...
vue 项目中，动态修改浏览器标签页的图标
vue 项目中,动态修改浏览器标签页的图标需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...
仿淘宝Android实现底部导航栏图标溢出效果-clipChildren属性
1.clipChildren和clipPadding说明 clipChildren用来定义他的子控件是否要在他应有的边界内进行绘制. 默认情况下,clipChild被设置为true. 也就是不允许进行 ...
Andriod底部导航栏图片和文字的切换
在App开发中底部导航栏的应用还是很多的,有时我们需要到底部导航既有图标又有文字,这就要求在点击切换时,未选中的其他图标及相应文字变换成另一种颜色,选中的又是一种颜色,要保证图片和文字的同时改变. 看 ...
selenium之浏览器导航栏的三个按钮(back、forward、refresh)
一.操作代码 # -*- coding: utf-8 -*-""" @author: lucas @Function: @file: backAndForwardAndR ...

动态修改浏览器导航栏图标和文字

1、设置网站标题

2、设置网站图标

动态修改浏览器导航栏图标和文字相关推荐

最新文章

热门文章