精华内容
下载资源
问答
  • 修改网页标题

    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属性来修改网页标题

    展开全文
  • 易语言修改网页标题源码,修改网页标题,取IES对象,GetCursorPos,WindowFromPoint,SendMessageTimeout,ObjectFromLresult,RegisterWindowMessage,GetClassName
  • Dreamweaver8怎么修改网页标题?设计的网页是有标题的,但是如果想要修改标题,该怎么修改呢?下面我们就来看看Dreamweaver修改网页标题的教程,需要的朋友可以参考下
  • 易语言修改网页标题
  • 今天遇到一个问题,搜索时动态修改网页标题,用jquery的这段代码无效,无论FF还是IE Jquery代码 $("title").html("newtitle"); 后来只好用下面这段js代码来实现 Js代码 document.title=...

    今天遇到一个问题,搜索时动态修改网页标题,用jquery的这段代码无效,无论FF还是IE

     

    Jquery代码  收藏代码
    1. $("title").html("new title");  

     

    后来只好用下面这段js代码来实现

    Js代码  收藏代码
    1. document.title="some title";  

     

    今天解决的另外一个问题就是CSS的多浏览器兼容问题,发现

    Css代码  收藏代码
    1. zoom: 1;  

     真是个好参数,IE6下几个出现空白的问题都靠这个参数解决问题了

    转载于:https://www.cnblogs.com/dodui/p/3490283.html

    展开全文
  • Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一、最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值。 [removed] import axios from 'axios' export ...
  • Vue动态修改网页标题

    2019-06-08 16:31:00
    Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一、最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值。 <script> import axio...

    业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三).

    Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案:

    一、最笨方案

    结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值。

    1. <script>
    2. import axios from 'axios'
    3. export default {
    4.   created () {
    5.     document.title = '功能授权'
    6.   },
    7.   mounted() {
    8.     axios.get('***').then((d)=>{
    9.    document.title = '功能授权('+ d.Name + ')'
    10.     })
    11.   }
    12. }
    13. </script>

         

    二、普通方案,使用Vue-Router的beforeEach拦截

    项目中使用了Vue Router,在路由文件 index.js 中给需要的路由添加 title。

    1. routes: [{
    2.       path: '/',
    3.       name: 'home',
    4.       component: () => import('@/pages/home/index'),
    5.       meta:{
    6.         keepAlive: true
    7.       }
    8.     },
    9.     {
    10.       path: '/person/auth,
    11.       name: 'personAuth',
    12.       component: () => import('@/pages/person/auth),
    13.       meta:{
    14.         title: '功能授权',
    15.         keepAlive: false
    16.       }
    17.     }
    18.   ]

    在路由的beforeEach 拦截器里处理

    1. router.beforeEach((to, from, next) => {
    2.   /* 路由发生变化修改页面title */
    3.   if (to.meta.title) {
    4.     document.title = to.meta.title
    5.   }
    6. })

    如果想在页面上依据加载的内容不同再变更title时,请参考方式一的 mounted函数处理逻辑.

    三、优雅方案,使用Vue 自定义指令(directive)

    如前文所提,页面获取不同数据状态时,需要展示不同的标题。那么我们可以结合vue 自定义指令(directive)可更优雅的处理网页标题的动态更新。

    自定义指令 v-web-title的定义

    1. export default {
    2.   inserted: function (el, binding) {
    3.     const { value } = binding
    4.     if (el.dataset.title) { // 方式1,可以给标签的data-title的属性赋值
    5.       document.title = el.dataset.title
    6.     } else if (value && value.title) { // 方式2,指令传参
    7.       document.title = value.title
    8.     }
    9.   },
    10.   update (el, binding, vnode, oldVnode) {
    11.     const { value } = binding
    12.     if (el.dataset.title) {
    13.       document.title = el.dataset.title
    14.     } else if (value && value.title) {
    15.       document.title = value.title
    16.     }
    17.   }
    18. }

    在页面上使用v-web-title有两种方式

    1.给标签 data-title属性赋值

    1. <template>
    2.   <div v-web-title
    3.        :data-title="textTitle">
    4. </template>
    5. <script>
    6. import axios from 'axios'
    7. export default {
    8.   data(){
    9.     return {
    10.       textTitle:'功能授权'
    11.     }
    12.   },
    13.   mounted () {
    14.     axios.get('***').then((d) => {
    15.       this.textTitle = '功能授权(' + d.Name + ')'
    16.     })
    17.   }
    18. }
    19. </script>

    2.给指令传参

    1. <template>
    2.   <div v-web-title="{title:textTitle}">
    3. </template>
    4. <script>
    5. import axios from 'axios'
    6. export default {
    7.   data(){
    8.     return {
    9.       textTitle:'功能授权'
    10.     }
    11.   },
    12.   mounted () {
    13.     axios.get('***').then((d) => {
    14.       this.textTitle = '功能授权(' + d.Name + ')'
    15.     })
    16.   }
    17. }
    18. </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 项目自定义修改网页标题和图标 标题修改 静态标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UiylRzvF-...
  • vue 组件修改网页标题

    2020-09-08 14:16:55
    1、在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 ,执行放行操作 第十步:被修改网页标题展示 完结
  • 你在浏览网站或者博客的时候,有没有遇到过网页标题人性化,煽情话的那种,比如:网页标题在进入时:“欢迎光临***”,离开的时候:“呜呜,你离开了我!”...等撒娇卖萌的...
  • 2.修改网页标题 3.添加图标语句,将图标放在static文件夹下面。 4.运行项目 5.如何将图片转换成图标,有一个在线转换的网址。 https://www.easyicon.net/covert/ 6.到这里就完成了!!!! ...
  • <!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";   今天解决的...
  • 修改网页图标 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:58
    1. 在路由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-...
  • [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
  • 1、安装 npm install vue-wechat-title --save 或 npm install vue-wechat-title -S 2、使用,在main....标题设置 } } ] }) 4、最后一步,在 app.vue 中修改 router-view 组件 //app.vue 中 // 改为 重启刷新页面就ok了
  • 那么作为我们自己开发的项目,如何自定义修改网页的图标和标题呢?很简单,下面就介绍一下。 1 标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 <head> <meta charset="utf-8"&...
  • 那么作为我们自己开发的项目,如何自定义修改网页的图标和标题呢?很简单,下面就介绍一下。 1 标题修改 标题修改直接在项目的 /public/index.html中修改title标签即可。 明月网址导航 2 图标修改 这个修改相对来说...
  • // 全局前置守卫 router.beforeEach((to: any, from: any, next: any) => { LoadingBar.start(); // 网页加载状态 console.log(to, from); if (to.meta.title) { document.title = to.meta.title; ...
  • 我怕是被JQuery迷死了……现在遇到任何前端的问题首先就考虑JQuery解决,不管难以与否,就比如修改网页标题,当然,如果为了类似小问题就调用库的话就得不偿失了。可我又没有一点JS基础,虽然听说不是程序员出身的...
  • 项目中有这样的需求,网页来消息需要提示用户,要求网页标题和状态栏浏览器的文章会改变并实现跑马灯效果! 实现代码:从左向右跑马灯,300ms执行一次程序,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 92,584
精华内容 37,033
关键字:

如何修改网页标题