今天遇到一个问题，搜索时动态修改网页标题，用jquery的这段代码无效，无论FF还是IE
Jquery代码 
- $("title").html("new title");
后来只好用下面这段js代码来实现
Js代码
- document.title="some title";
今天解决的另外一个问题就是CSS的多浏览器兼容问题，发现
Css代码
- zoom: 1;
真是个好参数，IE6下几个出现空白的问题都靠这个参数解决问题了
-
修改网页标题
2017-03-23 15:18:57修改网页标题 function changetitle() { var newTitle=document.getElementById("newTitle").value; document.title=newTitle; }展开全文<!doctype html>
<html>
<head>
<title>修改网页标题</title>
<meta http-equiv="content-type" content="text/html;charset=gbk"/>
</head>
<body>
<input type="text" name="newTitle" id="newTitle" value="请输入新的标题"/>
<input type="button" value="修改标题" οnclick="changeTitle()">
<script type="text/javascript">
function changetitle()
{
var newTitle=document.getElementById("newTitle").value;
document.title=newTitle;
}
</script>
</body></html>
网页标题的属性是由document.title决定的，，，本程序中是通过获取输入框中的值，，然后通过title属性来修改网页标题
-
易语言修改网页标题源码
2020-07-20 01:01:29易语言修改网页标题源码,修改网页标题,取IES对象,GetCursorPos,WindowFromPoint,SendMessageTimeout,ObjectFromLresult,RegisterWindowMessage,GetClassName -
Dreamweaver8怎么修改网页标题?
2020-09-24 16:45:02Dreamweaver8怎么修改网页标题？设计的网页是有标题的，但是如果想要修改标题，该怎么修改呢？下面我们就来看看Dreamweaver修改网页标题的教程，需要的朋友可以参考下 -
易语言修改网页标题-易语言
2021-06-13 07:27:57易语言修改网页标题 -
jquery无法修改网页标题，无法修改网页标题
2013-12-25 11:24:00今天遇到一个问题，搜索时动态修改网页标题，用jquery的这段代码无效，无论FF还是IE Jquery代码 $("title").html("newtitle"); 后来只好用下面这段js代码来实现 Js代码 document.title=...展开全文转载于:https://www.cnblogs.com/dodui/p/3490283.html
-
Vue动态修改网页标题的方法及遇到问题
2020-12-09 07:58:38Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案: 一、最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中，给 document.title赋值。 [removed] import axios from 'axios' export ... -
Vue动态修改网页标题
2019-06-08 16:31:00Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案: 一、最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中，给 document.title赋值。 <script> import axio...展开全文业务需求，进入页面的时候，网页有个默认标题，加载的网页内容不同时，标题需要变更. 例:功能授权，功能授权(张三).
Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案:
一、最笨方案
结合业务直接在Vue生命周期函数 created 和 mounted 中，给 document.title赋值。
-
<script>
-
import axios from 'axios'
-
export default {
-
created () {
-
document.title = '功能授权'
-
},
-
mounted() {
-
axios.get('***').then((d)=>{
-
document.title = '功能授权('+ d.Name + ')'
-
})
-
}
-
}
-
</script>
二、普通方案，使用Vue-Router的beforeEach拦截
项目中使用了Vue Router，在路由文件 index.js 中给需要的路由添加 title。
-
routes: [{
-
path: '/',
-
name: 'home',
-
component: () => import('@/pages/home/index'),
-
meta:{
-
keepAlive: true
-
}
-
},
-
{
-
path: '/person/auth,
-
name: 'personAuth',
-
component: () => import('@/pages/person/auth),
-
meta:{
-
title: '功能授权',
-
keepAlive: false
-
}
-
}
-
]
在路由的beforeEach 拦截器里处理
-
router.beforeEach((to, from, next) => {
-
/* 路由发生变化修改页面title */
-
if (to.meta.title) {
-
document.title = to.meta.title
-
}
-
})
如果想在页面上依据加载的内容不同再变更title时，请参考方式一的 mounted函数处理逻辑.
三、优雅方案，使用Vue 自定义指令(directive)
如前文所提，页面获取不同数据状态时，需要展示不同的标题。那么我们可以结合vue 自定义指令(directive)可更优雅的处理网页标题的动态更新。
自定义指令 v-web-title的定义
-
export default {
-
inserted: function (el, binding) {
-
const { value } = binding
-
if (el.dataset.title) { // 方式1，可以给标签的data-title的属性赋值
-
document.title = el.dataset.title
-
} else if (value && value.title) { // 方式2，指令传参
-
document.title = value.title
-
}
-
},
-
update (el, binding, vnode, oldVnode) {
-
const { value } = binding
-
if (el.dataset.title) {
-
document.title = el.dataset.title
-
} else if (value && value.title) {
-
document.title = value.title
-
}
-
}
-
}
在页面上使用v-web-title有两种方式
1.给标签 data-title属性赋值
-
<template>
-
<div v-web-title
-
:data-title="textTitle">
-
</template>
-
<script>
-
import axios from 'axios'
-
export default {
-
data(){
-
return {
-
textTitle:'功能授权'
-
}
-
},
-
mounted () {
-
axios.get('***').then((d) => {
-
this.textTitle = '功能授权(' + d.Name + ')'
-
})
-
}
-
}
-
</script>
2.给指令传参
-
<template>
-
<div v-web-title="{title:textTitle}">
-
</template>
-
<script>
-
import axios from 'axios'
-
export default {
-
data(){
-
return {
-
textTitle:'功能授权'
-
}
-
},
-
mounted () {
-
axios.get('***').then((d) => {
-
this.textTitle = '功能授权(' + d.Name + ')'
-
})
-
}
-
}
-
</script>
四、参考
1. vue单页面应用中动态修改title 主要介绍使用vue-weachat-title 组件
2.vue.js自定义指令详解 主要介绍自定义指令的钩子函数，以及指令传参等
转载于:https://www.cnblogs.com/xyb0226/p/10991019.html
-
-
修改网页标题图片
2017-06-29 14:51:08我们经常看见网页标题图片，各种个样，有时候你想使用自己上传的标题图片怎么办？这里只需要一段代码就可以实现这个功能。 <meta charset="utf-8"> 你的图片地址" /> ;charset=UTF-8" http-equi展开全文我们经常看见网页标题图片，各种个样，有时候你想使用自己上传的标题图片怎么办？这里只需要一段代码就可以实现这个功能。
<head> <meta charset="utf-8"> <link rel="Shortcut Icon" href="你的图片地址" /> <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> <title>数据测试</title> </head>用上面的 里面的代码将“你的图片地址”替换一下就可以看到效果了
举例：
（标题一）
（标题二）
-
修改网页标题上的小图标
2019-03-25 14:55:03修改网页标题上的小图标 http://www.bitbug.net/ -
VUE 项目自定义修改网页标题和图标
2020-12-08 17:26:18VUE 项目自定义修改网页标题和图标 标题修改 静态标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UiylRzvF-... -
vue 组件修改网页标题
2020-09-08 14:16:551、在main.js里引入 import VueWechatTitle from 'vue-wechat-title' Vue.use(VueWechatTitle) 2、在App.vue里加上 <router-view v-wechat-title='$... title:'网页标题' } 最后，在terminal里面把安装命令跑 -
fiddler修改网页标题
2021-01-14 11:49:29第一步： 启动fiddler，按照下方的截图操作，开启全局断点 第二步：按照下面截图，点击X——...修改拦截的网页标题为：拦截标题修改 第九步：点击 Run to Completion ，执行放行操作 第十步：被修改的网页标题展示 完结 -
jquery动态修改网页标题，提示网页进入/离开
2020-07-29 04:17:50你在浏览网站或者博客的时候，有没有遇到过网页标题人性化，煽情话的那种，比如：网页标题在进入时：“欢迎光临***”，离开的时候：“呜呜，你离开了我！”...等撒娇卖萌的... -
vue项目更改网页标题与图标
2021-03-06 23:01:052.修改网页的标题 3.添加图标语句，将图标放在static文件夹下面。 4.运行项目 5.如何将图片转换成图标，有一个在线转换的网址。 https://www.easyicon.net/covert/ 6.到这里就完成了！！！！ ... -
修改网页标题栏小图标
2020-04-13 14:52:25<!DOCTYPE html> <html lang="en"> <head> ...meta charset="UTF-8">...meta name="viewport" content="width=device-width, initial-scale=1.0">...-- 网页标题自定义图标实现：在网上... -
jquery无法修改网页标题？
2012-07-30 19:45:39今天遇到一个问题，搜索时动态修改网页标题，用jquery的这段代码无效，无论FF还是IE $("title").html("new title"); 后来只好用下面这段js代码来实现 document.title="some title"; 今天解决的... -
动态修改网页标题和图标实例
2021-05-06 09:59:38修改网页图标 document.head.getElementsByTagName('link')[0].href = `${request.baseURL}/nbsystem/device/getDevicePicture?path=${d.logoIconurl.replace(/\\/g,"/")}&fileName=logo` 修改标题 window.... -
vue cli3.0修改网页标题
2020-07-27 21:46:581. 在路由meta属性中设置标题title属性 { path: '/user', name: 'User', meta: { title: '用户管理' }, component: User } 2 .在main.js中添加 router.beforeEach((to, from, next) => { // 路由... -
VUE3 项目自定义修改网页标题和图标
2020-07-15 23:32:18那么作为我们自己开发的项目，如何自定义修改网页的图标和标题呢？很简单，下面就介绍一下。 1 标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 <head> <meta charset="utf-... -
zabbix 修改网页标题名称
2018-07-28 13:16:04[root@zabbix ~]# find / -name zabbix.conf.php/var/www/html/zabbix/conf/zabbix.conf.php[root@zabbix ~]# vi /var/www/html/zabbix/conf/zabbix.conf.php 转载于:https://blog.51cto.com/13127617/2151425 -
vue 动态修改网页标题 title
2020-04-28 17:42:001、安装 npm install vue-wechat-title --save 或 npm install vue-wechat-title -S 2、使用，在main....标题设置 } } ] }) 4、最后一步，在 app.vue 中修改 router-view 组件 //app.vue 中 // 改为 重启刷新页面就ok了 -
20.VUE3 项目自定义修改网页标题和图标
2021-06-03 22:43:47那么作为我们自己开发的项目，如何自定义修改网页的图标和标题呢？很简单，下面就介绍一下。 1 标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 <head> <meta charset="utf-8"&... -
Vue 动态修改网页标题和图标
2021-03-10 16:20:40那么作为我们自己开发的项目，如何自定义修改网页的图标和标题呢？很简单，下面就介绍一下。 1 标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 明月网址导航 2 图标修改 这个修改相对来说... -
vue中的路由-前置守卫：修改网页标题，后置守卫：设置网页加载状态
2020-04-26 09:48:02// 全局前置守卫 router.beforeEach((to: any, from: any, next: any) => { LoadingBar.start(); // 网页加载状态 console.log(to, from); if (to.meta.title) { document.title = to.meta.title; ... -
JS修改网页标题，原来不必麻烦JQuery……
2011-10-24 01:09:00我怕是被JQuery迷死了……现在遇到任何前端的问题首先就考虑JQuery解决，不管难以与否，就比如修改个网页标题，当然，如果为了类似小问题就调用库的话就得不偿失了。可我又没有一点JS基础，虽然听说不是程序员出身的... -
js动态修改网页标题，实现跑马灯切换效果
2020-07-29 13:10:55项目中有这样的需求，网页来消息需要提示用户，要求网页标题和状态栏浏览器的文章会改变并实现跑马灯效果！ 实现代码：从左向右跑马灯，300ms执行一次程序，...
收藏数
92,584
精华内容
37,033