当div为时，更改页面标题：目标

我正在使用单页导航系统;当div为:target（url中的#divname）时，是否有办法更改页面的<title>？当div为时，更改页面标题：目标

编辑：是的，对不起，jquery/javascript解决方案的作品也是如此。

2014-09-29 QAW

是的，有！ – LcSalazar 2014-09-29 22:14:55

您是否尝试过我提供的解决方案？ – 2014-10-01 01:04:18

它可在下列方式进行：

假设你有这样的HTML元素：

<a onclick="onClick1()" href="#test"> 
    link 
</a>

，你有这样的脚本：

<script> 
function onClick1(){ 
    setTimeout(onClick,100); 
} 

function onClick(){ 
    alert(1); 
    if(document.URL.indexOf("#test")>=0){ 
     document.title = "Your title"; 
    } 
} 
</script>

，那么你会得到点击你需要的。这里是example。

来源

2014-09-29 22:14:58 Anton

似乎只在刷新页面时才起作用，而在单击链接时似乎不起作用。有什么建议么？ – QAW 2014-09-29 22:24:36

您可以在点击事件中添加此项并动态设置“#divname”。 – 2014-09-29 22:31:11

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

然后将<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>

来源

2014-09-29 22:22:40

当div为时，更改页面标题：目标

回答

相关问题