用锚点标记点击更改页面标题
[英]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.