Js批量控制网站title头部内容显示

Js批量控制网站title头部内容显示

有的时候我们想实现这样的功能,就是对所有的网页title都统一显示和更改,这样的好处是不用需要修改的时候挨个挨个去修改每个网页的title,这个时候就需要用一种统一的方式来控制title的显示,这里举一个js控制的方式。

下面这部分代码放在body里面

<scripttype="text/javascript"charset="utf-8"src="/js/title.js"></script>

<scripttype="text/javascript"charset="utf-8">

//var title=" 梅花宝典, 遥知不是雪,为有暗香来 ";

document.getElementsByTagName("title")[0].innerHTML =title;

</script>

title.js文件里面写的内容:

var title=" 梅花宝典, 遥知不是雪,为有暗香来";

补充,批量控制title和logo:

在js中的代码是:

var title=" 梅花宝典,遥知不是雪,为有暗香来 ";

var logo="image/logo03.png";

var href="/image/logo03.png";

var $link = document.createElement("link");

        $link.setAttribute("rel", "shortcut icon");

        $link.setAttribute("type", "image/x-icon");

        $link.setAttribute("href", href);

在网页端的代码是:

<scripttype="text/javascript"charset="utf-8"src="/js/title.js"></script>

<scripttype="text/javascript"charset="utf-8">

document.getElementsByTagName("title")[0].innerHTML =title;

document.getElementsByTagName("head").item(0).appendChild($link);

</script>

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: