Document对象之利用title属性制作文字逐渐出现的标题

最新推荐文章于 2024-01-05 15:33:22 发布
最新推荐文章于 2024-01-05 15:33:22 发布
阅读量3k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 浏览器 文档 document
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010486124/article/details/41696097
版权

        在浏览器中，document文档对象是核心，是window对象的下一级对象。标识整个网页文档中的实际类容，使用document文档对象可以访问HTML页面的基本元素，并可以对元素进行编程，设置元素的属性。


document的title属性的用法：

Var value=docuement.title;

docuement.title="设置的标题文字";


下面是利用document的title属性来设置标题


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>标题栏上的文字逐个显现</title>
		
		<script language="JavaScript">
			var showstring="标题栏上的文字逐个显现";
			var showHead=0;
			
			function titleShow()
			{
				var  s;
				if(showHead<showstring.length)
				{
					s=showstring.substring(0,showHead);
					showHead++;
				}
				else
				{
					s=showstring;
					showHead=0;
				}
				window.document.title=s;
				setTimeout("titleShow()",200);  //每隔200毫秒执行一次titleshow()函数，也就是说每隔200毫秒就输出一个字
			}
			</script>
	</head>
	<body οnlοad="titleShow()">
	</body>
</html>


chenchao2016
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-document-title单页应用改变title
catchmypow的博客
05-19 884
在使用react框架开发单页应用时，通常会遇到页面跳转但不知要如何去改变document.title页面标题的情况。react-document-title插件较为完美的帮助我们解决了这一问题。 npm文档链接 官方介绍： react-document-title提供了一种document.title在单页面应用程序中指定的声明方式。 也可以在服务端使用。 安装 npm install react-document-title 使用案例 有如下路由配置 import {HashRouter as Ro
document.title
ybdkc66的博客
09-01 1539
通过设置document.title可以将标题覆盖 例如： document.title ='管理控制台' //将标题修改为管理控制台，如展示封面图片
SPA应用动态修改title(解决document.title修改后刷新路由才生效问题)
王伴闲
10-24 4639
需求 在页面载入数据之后，根据返回的数据动态的修改页面title。 解决过程 使用js方法修改title document.title = '页面标题';  出现问题：页面title并没有刷新，测试之后发现路由变化(后退、跳转等)之后才会刷新。 利用H5的history手动刷新路由，刷新title history.pushState(null, null, null); 出现问...
修改网页的title
qq_52070860的博客
12-16 459
window.document.title = "网站名字" document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。 ...
JavaScript修改页面title
pearl的博客
03-23 2051
在js中修改页面title需要直接修改document.title属性 也可以在共有的iframe中修改父页面title来实现一些提示效果：(function (parent) { parent.title = ''; })(window.parent.document);
js基础之DOM中document对象的常用属性方法详解
11-29
—–引入 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML ...3 document.title 返回当前文档的标题 4 document.body 返回body元素节点 方法 1 document.close() 
document-title:React挂钩，用于更新文档标题
05-02
@rehooks/document-title React挂钩，用于更新文档标题注意：这是使用新的，该可能会更改，直到React 16.7最终版本为止。 您需要在^16.7.0-alpha.0安装react ， react-dom等安装yarn add @rehooks/document-title...
浅析JS中document对象的一些重要属性
10-26
本篇文章主要是对JS中document对象的一些重要属性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
JS实现title标题栏文字不间断滚动显示效果
10-21
标题栏文字不间断滚动显示是网页设计中的一种常见特效，它能吸引用户的注意力并展示大量信息。在JavaScript中，我们可以利用时间函数和字符串处理方法来实现这一效果。下面将详细讲解如何使用JavaScript实现在标题栏...
移动端index页面title通过document自定义
Tiramisu07的博客
04-19 427
1.在index页面 替换title代码为 <title><%= htmlWebpackPlugin.options.title %></title> 2.在router.js添加beforeResolve 方法 router.beforeResolve(function (to, form, next) { let title = to.query.pageTitle ? decodeURI(to.query.pageTitle) : to.meta.titl
document 对象
梦见切.格瓦拉
02-15 649
document 对象document 对象是window 对象的属性。从BOM的角度看document 对象是由一系列集合构成。1、title属性是可读写的，所以随时改变页面的标题 top.document.title = "******"2、url属性是可读写的，用它可以获取当前页的url ,也可用它设置新的url,进行跳转。        document.url = "http://www
Document常见方法属性
最新发布
tdx03的博客
01-05 1801
在前端开发中，DOM（文档对象模型）扮演着重要的角色。它允许我们使用JavaScript来与网页文档进行交互，实现动态的网页效果。DOM的核心部分之一就是Document对象，它代表了整个HTML文档。在本篇博客中，我们将深入探讨Document对象，包括它的属性、方法以及如何使用它来操纵网页内容。Document对象是DOM的根节点，代表整个HTML文档。通过Document对象，您可以访问和操纵HTML文档的各个部分，包括元素、属性、文本内容等。属性方法解释通过元素的id属性获取元素。
js：动态修改document.title失效问题
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-08 4592
问题 当在页面异步调接口，拿到 title 后赋值给 document.title，无法修改标题。 原因 页面加载完后 title 已经确定了，所以不再监听 title 的 change 事件。 解决 document.title = this.title; let iframe = document.createElement('iframe'); iframe.src = require('/favicon.ico'); iframe.style.display = 'none'; // 这个就是我们异
前端知识点整理
inNov25的博客
12-21 1198
Hyper Text Markup Language 超文本标记语言超文本：超级文本/超链接文本，超越了文本的限制，如多媒体文件、超链接等。标记：也可以称为标签，用括起来的一个特定单词，整体称为标记或标签，分为单标签和双标签。标签第一个中括号中，使用 属性=“值” ，让某个标签拥有特定属性。 如中，charset="utf-8"就是meta标签的属性 chartset称为属性名，utf-8称为属性值。 如果有多个属性，使用空格隔开。 如。 创建一个文本文档，将以上内容进行保存，文档的后缀名改为.html
title属性样式 原生dom_HTML DOM对象的属性和方法介绍(原生JS方法)
weixin_39923110的博客
12-20 600
HTML DOM对象的属性和方法介绍DOM是 Document Object Model(文档对象模型)的缩写。DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)，它允许程序和脚本动态地访问和更新文档的内容，结构和样式。W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML...
JS设置title的样式
beer2008cn的专栏
06-07 8411
摘抄vs转载JS设置title的样式2009年05月15日 星期五 12:31将以下代码拷到你的HTML中怎么用呢？这时候td 里面的title 自动调用js处理var oPopup = window.createPopup();var sPop = null;function showPopupWin(){var tPopWait=250;
vue修改自带的title属性样式，title属性样式修改办法
热门推荐
weixin_38373875的博客
03-05 2万+
1.定义id=‘title’ :data-title=“itemss.contactsCallTime2” 这个值 &lt;div class="grid-content1 bg-purple-light" id="title" onmouseover="onMouseHover(event)" onmouseout="onMouseOut()" :data-...
使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色
杨明金的博客
11-01 4971
查看本章节 查看作业目录 需求说明： 使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色 实现思路： 在页面的 <body> 节点下加入 <h2> 节点，在 <h2> 节点下加入文本节点，显示为：更改字体颜色和背景颜色 在页面的 <body> 节点下加入 <select> 节点，设置 <select> 节点的 id 属性 在 <select&gt
网页自动更换标题代码php,php如何动态修改网页title
weixin_31708209的博客
03-09 414
php动态修改网页title的方法：1、使用js方式，代码为【document.title = 'hello world!'】；2、使用jQuery方式，代码为【php动态修改网页title的方法：1、js方式首先，我想到了使用document.getElementsByTagName()去获取页面的title标签，这是可以获取的。例如：标题var Title = document.getElem...
document对象的属性
06-09
document对象是代表整个HTML文档的根节点，它具有许多属性，以下是一些常用的属性： 1. document.title：获取或设置当前文档的标题。 2. document.URL：获取当前文档的完整URL。 3. document.domain：获取或设置当前文档的域名。 4. document.body：获取当前文档的<body>元素。 5. document.head：获取当前文档的<head>元素。 6. document.documentElement：获取当前文档的<html>元素。 7. document.cookie：获取或设置当前文档的Cookie。 8. document.forms：获取当前文档中所有的表单元素。 9. document.images：获取当前文档中所有的图像元素。 10. document.links：获取当前文档中所有的链接元素。 11. document.scripts：获取当前文档中所有的<script>元素。 12. document.styleSheets：获取当前文档中所有的样式表元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值