html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...

如本站主标题是“IT技术资料分享”，当你进入网站首页的时候鼠标放在页面标题栏时会发现仅显示“IT技术资料分享”，当你点击进入网站内页，如文章页，分类页等你会发现在网站标题栏上除了显示当前页面标题外后缀还有“|IT技术资料分享”固定的一个网站主标题，这样做对于网站SEO有很大的好处，那么该如何实现呢？

我们可以通过js实现

代码如下：

var title=new Array(5);

title[0]="第一个副标题";

title[1]="下一个副标题";

title[2]="第三个副标题";

title[3]="第四个副标题";

title[4]="最后一个副标题";

var indexTitle=Math.floor(Math.random()*title.length); //获取一个随机的整数

οnlοad=function change(){ //绑定在onload事件当中，只有在加载页面的时候标题才会发生变化

var curTitle=title[indexTitle]; //获取数组的指定项

window.document.title+="-"+curTitle; //更改当前页的标题

}

这里我们实现的是一个主标题+多个副标题，每次刷新的时候副标题随机变化。

这里重点是

window.document.title+="-"+curTitle;

这段代码，其中“+=”如果漏掉+，将只显示等号后面的内容，也就是“-+curTitle(副标题的内容)”;

IT技术资料分享，个人整理自互联网

每天学一点，基础很重要

html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...相关推荐

web前端期末大作业 html+css家乡旅游主题网页设计-贵州js时间特效页面7个
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家乡旅游景点 | 家乡民生变化 | 介绍自己的家乡 | 我的家 ...
计算机在设计中发挥着怎样的作用,计算机图像处理技术在网页设计中的应用
管艺博摘要:随着现代化信息技术的快速提高,网页设计领域获得了快速的发展,而图像处理技术也随之获得快速的发展,在网页设计领域中发挥着极大的作用,因而,文章针对如何在网页设计中运用计算机图像处理技术展 ...
html颜色渐变讲解,20个网页设计中渐变色运用实例欣赏
原标题:20个网页设计中渐变色运用实例欣赏出处:设计之家链接:http://www.sj33.cn/digital/wysj/201608/46001.htmlWP Crew https://wp ...
谈谈对java中分层的理解_让我们谈谈网页设计中的卡片设计
谈谈对java中分层的理解 "I want a card", this is the first demand point that the customer said in th ...
浅谈网页设计中的构图
网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构 ...
qq空间网页设计_网页设计中的负空间
qq空间网页设计重点 (Top highlight) Because screens are limited, web design is also limited. It can be said ...
ps在html中的应用程序,Photoshop在网页设计中的应用
[关键词] Photoshop:网页:实例:布局 [中图分类号] G623.9 [文献标识码] C [文章编号] 1004―0463(2016)23―0120―01 随着信息技术的发展,网页制作成为时 ...
ps在html中的应用程序,Photoshop在网页设计中的应用与方法
现在已经进入数字化信息时代,随着网络的飞速发展,人们的生活逐渐迈向了新时代,无法想象,哪天没有了网络会怎样,呵呵,开个玩笑了,网络只会一天比一天精进,所以网络知识的普及是必须的! 1.图像局部截取和图 ...
转: 网页设计中的一些色彩搭配技巧
在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在网页设计中积 ...

html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...

html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...相关推荐

最新文章

热门文章

html中 主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...

html中 主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...相关推荐

最新文章

热门文章

html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...

html中主标题与副标题,网页设计中js如何实现页面固定主标题+副标题切换显示...相关推荐