在404页面加个回到首页的按钮

[W1ndys]

我引入js实现了这个功能，但是实测需要刷新一次才会出现这个按钮，原因在哪里，如何实现直接加不需要刷新就有这个回到首页的按钮

js代码

document.addEventListener('DOMContentLoaded', function () {
    var errorInfo = document.querySelector('.error-info');

    if (errorInfo) {
        var homepageLink = document.createElement('a');
        homepageLink.href = '/'; // 设置首页链接
        homepageLink.textContent = '返回首页'; // 设置链接文字

        errorInfo.appendChild(homepageLink);
    }
});

css代码

.error-info {
    text-align: center;
}

.error-info a {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 1px; /* 调整这里的数值 */
    background-color: #49b1f5;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s ease-in-out;
}


.error-info a:hover {
    background-color: #2980b9;
}

[jerryc127]

要么关掉 pjax
要么需要重新调用 js

在你引入的js 加上 data-pjax

[W1ndys]

收到，谢谢杰瑞佬