`
pavel
  • 浏览: 914652 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js修改title

 
阅读更多

  title在html中属于特殊的节点元素.因为它可以使用doucment.getElementsByTagName("title")[0]来获取它的标题,但却无法用doucment.getElementsByTagName("title")[0]用更改它的值.

       但是,总有解决的方法.在javascript中,只允许document.title来修改标题。

       在<body></body>之间的节点元素用document.getElementsByTagName()来获取或修改.

       documentElement代表的是<html></html>中间的所有东西.

js会使用document.title来代替网页的title的原因是,title,head,body等标签是缺省的唯一标签,所以

document.title和document.body可以直接找到结果.
而title是一个结构的标签,也就是说title内,只能加入nodetext.而不能再加别的元素.于是它的使用又具有

特殊性.为了不让代码出错.于是js中规定document.title这个对象只有一个属性(也可以说是没有属性)
document.title本身就是document对象的一个属性.而不是它的一个子对象.于用document.title=""来更改

title

分享到:
评论

相关推荐

    javascript修改浏览器title方法 JS动态修改浏览器标题

    经测试原生js有两种方式可以修改,jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。 innerText 方式 通过console.log(document.getElementsByTagName(“title”)[0]),发现能打印出&lt;title&gt;标签,标签...

    IOS React等Title不显示问题解决办法

    单页应用里整个页面只会在第一次完全刷新,后面只会局部刷新(一般不包括head及里面的title),所以无法在服务器端控制title,只能在页面刷新的时候通过js修改title。常规做法如下,可惜在iOS微信浏览器无效。 问题...

    html-webpack-plugin修改页面的title的方法

    vue-cli2.X:修改config目录下index.js const title = '标题1' // const title = '标题2' // const title = '标题3' module.exports = { title: title, dev: { ... }, build: { ... }, test: { ... } 接着就...

    nuxt 服务器渲染动态设置 title和seo关键字的操作

    使用如下钩子即可,但是前提条件是 没有默认配置head的title asyncData ({ app }, callback) { app.head.title = ‘new title' callback(null, {}) }, 补充知识:vue 每个页面动态切换title keywords description ...

    使用vue-router设置每个页面的title方法

    进入 router 文件夹底下的index.js文件 首先引入: import Vue from 'vue' import Router from 'vue-router' 然后在路由里面配置每个路由的地址: routes: [ { /* (首页)默认路由地址 */ path: '/', name: '...

    JS仿TITLE/ALT的WEB提示框

    因为日常的需要,TITLE或ALT属性不能满足我的开发需要,也不能对提示框外观进行修改,故而自己写了个提示框,纯JS调用简单,比写CSS快捷,希望大家喜欢 关闭本来打算鼠标移开监听目标就关闭的,但是我希望可以利用...

    react-navigation之动态修改title的内容

    本文介绍了react-navigation之动态修改title的内容,分享给大家,具体如下: 效果图: 动态修改title内容: static navigationOptions = { title: ({ state }) =&gt; `Chat with ${state.params.user}` }; ps:`...

    Jquery修改页面标题title其它JS失效的解决方法

    Jquery代码 代码如下: $(“title”).html(“hello”); 后来只好用下面这段js代码来实现 Js代码 代码如下: document.title=”hello”;

    解决vue单页面应用中动态修改title问题

    1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓) 2、在vue单页面中,通过浏览器分享到QQ、微信等应用中的链接,只有一个首页...

    Jquery编写的替换系统title提示

    此代码使用jquery编写,直接让网页加载这个JS即可替换原来的title提示,如果你懂一点代码,还可以进入这个JS进行修改样式。本人亲自编写测试成功通过,如果对您有用,请给予支持。(baiyukey.blog.163.com)

    使用vue-router为每个路由配置各自的title

    如果想要动态的去修改,需要使用如下的方法。 document.title = '这是一个标题'; 这样会让我们做很多无用功。显得十分蠢。 使用Vue-Router的方法 首先打开/src/router/index.js文件。 找到如下代码。 const vue...

    修改DataTable的列名的三种方法

    修改DataTable的列名的三种方法

    vue动态设置页面title的方法实例

    本文主要介绍了Vue动态修改title的方法,需要的朋友可以参考学习,方法如下: 1.通过自定义指令去修改(单个修改比较好) //1.在main.js 页面里添加自定义指令 Vue.directive('title', {//单个修改标题 inserted: ...

    js改变Iframe中Src的方法

    本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt;...

    js下用层来实现select的title提示属性

    用层来实现select的title 提示属性

    vue cli2.0单页面title修改方法

    一、npm install vue-wechat-title --save 执行命令 二、在main.js中添加  Vue.use(VueWechatTitle); Vue.config.productionTip= false 三、在router/index.js文件中...四、在app.vue 中修改 router-view 修改

    layui table单元格事件修改值的方法

    事件中的 this相当于document.getElementById(“id”) ...title&gt;layui&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta

    JavaScript修改浏览器tab标题小技巧

    有一个常识性的错误是:你会以为应该去修改 window.title。但实际上,你应该使用document对象,否则你做的肯定是无用的。注意一下,你将会看到:很多时候会用 setInterval来实际更新 document.title,用以引起用户的...

Global site tag (gtag.js) - Google Analytics