用錨點標記點擊更改頁面標題
[英]Change Title Of Page With The Click Of Anchor Tag
問題描述
使用Javascript，如何在單擊特定錨標記時更改頁面標題。
<a href="index.html" title="Home">Home</a>
<a href="about.html" title="About Us">About Us</a>
可能類似於錨標簽中的title =“”。 此外，如果可能的話，你是否可以擁有它支持歷史記錄，這樣如果按下后退或前進按鈕，它將變回原來的狀態。
任何幫助或建議表示贊賞。
修訂：我有另一個動態更改頁面的插件，因此單擊上述語句中的鏈接實際上不會更改標題中的任何內容。
3 個解決方案
解決方案1
2 2016-01-28 03:27:14
您提供的當前HTML代碼實際上會在點擊時將用戶帶到其他頁面。 因此，根據index.html和about.html的title屬性，它可能具有與當前頁面不同的標題。
如果您不希望頁面重新加載並在歷史記錄中添加條目，則可以執行以下操作：
$('a').click(function(e) {
$('title').text($(this).attr('title'));
history.pushState({}, '', $(this).attr('href'));
e.preventDefault();
});
您可以在.pushState(...)了解有關.pushState(...) API的更多信息： https ： //developer.mozilla.org/en-US/docs/Web/API/History_API
解決方案2
1 2016-01-28 03:25:14
查看History.pushState()方法： https ： //developer.mozilla.org/en-US/docs/Web/API/History/pushState
您可以使用它將新狀態推送到瀏覽器歷史記錄，如下所示：
var state = { 'page_id': 1, 'user_id': 5 };
var title = 'Hello World';
var url = 'hello-world.html';
history.pushState(state, title, url);
這應該更改標題和網址，並允許您使用瀏覽器的后退和轉發功能
要在不需要任何外部庫（如jQuery）的情況下使用它，您可以將其添加到鏈接的onclick中，例如：
<a href="index.html" title="Home" onclick="history.pushState({}, 'Home Page Title', 'home.html')">Home</a>
解決方案3
0 2016-01-28 03:35:23
<html>
<head>
<title>sample Page</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function () {
$("a").click(function (e) {
e.preventDefault()
$('title').text($(this).attr('title'));
window.pushState({}, '', 'about.html');
e.preventDefault();
});
});
</script>
</head>
<body>
<a href="index.html" title="Home">Home</a>
<a href="about.html" title="About Us">About Us</a>
</body>
</html>
加載頁面單擊“錨點”標簽
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.