html - div 为 :target 时更改页面标题

Question

我正在开发单页导航系统；有没有办法改变 <title>当 div 为 :target 时的页面(网址中的#divname)？

编辑:是的，抱歉，Jquery/javascript 解决方案也可以。

Answer 1

如果url包含#somePage , 使用 #somePage作为选择器并检索它的 data-title值(value)。

然后设置<title></title>作为该值。 location.hash生产 #somePage

$('a').click(function(event){

    event.preventDefault();

    if(location.hash) {

        var newPageTitle = $(location.hash).data('title');

        $('title').text(newPageTitle);

    }

});

为您的 div 添加一个数据属性并将其值设置为单击该链接时页面标题的值。

<a href="#somePage">Some Page</a>

<div id="somePage" data-title="This Is The Page Title"></div>