當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爲時，更改頁面標題：目標

回答

相關問題