更改网页标题（方法1）

奋斗吧程序媛

已于 2024-06-26 21:23:57 修改

阅读量551

点赞数 11

文章标签： vue.js 前端

于 2024-06-26 14:30:29 首次发布

本文链接：https://blog.csdn.net/m0_67841039/article/details/139988425

版权

如果你指的是在多个页面中，只有当用户访问特定页面（比如说页面A）时才改变标题，而其他页面的标题保持不变，你可以通过检查当前页面的URL或某些特定的标识符来实现这一点。以下是一个简单的示例，展示如何在JavaScript中根据当前页面的URL来设置不同的标题：

<!DOCTYPE html>
<html>
<head>
    <title>初始标题</title>
    <script>
        function setTitleBasedOnPage() {
            var currentUrl = window.location.href; // 获取当前页面的URL
            var pageTitle = '默认标题'; // 设置默认标题

            // 根据URL改变标题
            if (currentUrl.includes('页面A.html')) {
                pageTitle = '页面A的标题';
            } else if (currentUrl.includes('页面B.html')) {
                pageTitle = '页面B的标题';
            }
            // 可以继续添加更多的页面条件

            // 设置页面标题
            document.title = pageTitle;
        }

        // 页面加载完毕后设置标题
        window.onload = function() {
            setTitleBasedOnPage();
        };
    </script>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

在这个示例中，setTitleBasedOnPage函数会检查当前页面的URL，并根据URL中包含的特定字符串来设置不同的标题。当页面加载完成后，window.onload事件会触发这个函数，从而设置相应的页面标题。

请注意，这种方法依赖于页面的URL，所以它适用于用户通过不同的URL访问页面的情况。如果你有多个页面需要设置相同的标题，确保它们的URL包含相同的标识符，以便setTitleBasedOnPage函数能够正确识别并设置标题。

奋斗吧程序媛

关注

11
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
更改网页标题（方法1）

如果你指的是在多个页面中，只有当用户访问特定页面（比如说页面A）时才改变标题，而其他页面的标题保持不变，你可以通过检查当前页面的URL或某些特定的标识符来实现这一点。请注意，这种方法依赖于页面的URL，所以它适用于用户通过不同的URL访问页面的情况。如果你有多个页面需要设置相同的标题，确保它们的URL包含相同的标识符，以便。函数会检查当前页面的URL，并根据URL中包含的特定字符串来设置不同的标题。事件会触发这个函数，从而设置相应的页面标题。// 页面加载完毕后设置标题。// 获取当前页面的URL。
复制链接

扫一扫