Jquery实现title动态获取标题

最新推荐文章于 2022-07-27 09:39:45 发布

Smallmouse96

最新推荐文章于 2022-07-27 09:39:45 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/Smallmouse96/article/details/106093984

本文介绍了一种使用jQuery实现微信转发链接动态显示最新文章标题的方法。通过获取页面中首个标签的内容，并将其添加到title中，使得分享链接能够实时反映文章最新状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：微信转发链接需要动态显示最新的文章标题

<!DOCTYPE html>
<html>
		
	<head>
		<meta charset="UTF-8">
		<title>标题</title>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	    <script>
		    window.onload = function() {
                //获取页面中第一个标签内容
			    var text1 = $("a").filter(":first").text();
			    $('title').text("标题 " + text1);
		    }
	    </script>
	</head>
	<body>
        <div>
            <div>
                <a>111</a>
            </div>
        </div>
        <div>
            <div>
                <a>222</a>
            </div>
        </div>
        <div>
        </div>


	</body>
</html>