无需刷新浏览器，将iFrame页面URL同步至地址栏的JS实现需求

核心思路 #

• 利用window.history.pushState()/replaceState()在不刷新页面的情况下修改浏览器地址栏
• 监听iFrame的load事件，每次页面加载完成后提取其URL的相对路径
• 将相对路径拼接为主站的forum.php?url=xxx格式，同步到地址栏
• 基于同源策略（主站与论坛同域名），可直接访问iFrame的URL属性

代码整合（PHP + JavaScript） #

首先调整你的PHP代码，简化URL拼接逻辑：

<?php
if( empty( $_GET['url'] ) )
{
    $url = 'https://example.org/forum/';
} else {
    $url = 'https://example.org/forum/' . $_GET['url'];
}
?>

<iframe id="forum-iframe" src="<?php echo $url; ?>" frameborder="0" width="100%" scrolling="no"></iframe>

然后添加JavaScript代码（放置在页面底部或DOMContentLoaded事件中）：

document.addEventListener('DOMContentLoaded', function() {
    const forumIframe = document.getElementById('forum-iframe');
    const forumRoot = 'https://example.org/forum/';
    const mainPagePath = 'forum.php';

    // 同步URL到地址栏的核心函数
    function syncAddressBar() {
        const iframeUrl = forumIframe.src;
        // 提取论坛页面的相对路径（去除根域名前缀）
        let relativePath = iframeUrl.replace(forumRoot, '');

        // 构造主页面目标URL
        const targetUrl = relativePath ? `${mainPagePath}?url=${relativePath}` : mainPagePath;
        
        // 避免重复修改地址栏，防止冗余历史记录
        if (window.location.href.indexOf(targetUrl) === -1) {
            // 初始加载用replaceState，后续跳转用pushState
            const isInitialLoad = window.location.href.endsWith(mainPagePath) && relativePath === '';
            isInitialLoad 
                ? window.history.replaceState({}, '', targetUrl) 
                : window.history.pushState({}, '', targetUrl);
        }
    }

    // 监听iFrame加载事件，每次跳转后同步地址栏
    forumIframe.addEventListener('load', syncAddressBar);

    // 页面初始化时同步一次
    syncAddressBar();

    // 保留原有的iFrame高度自适应逻辑
    function resizeIframe(iframe) {
        iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
    }
    forumIframe.addEventListener('load', function() {
        resizeIframe(this);
    });
});

关键细节说明 #

1. URL处理：通过replace(forumRoot, '')精准提取论坛内页面的相对路径，确保拼接后的主站URL格式完全符合需求。
2. 历史记录管理：初始加载用replaceState避免重复历史条目，后续跳转用pushState保留正常的浏览器前进/后退功能。
3. 同源兼容：由于主站与论坛同属example.org域名，可直接访问iFrame的src属性，无跨域限制。
4. 自动登录实现：只要论坛的登录Cookie设置了domain=.example.org和合适的path，主站用户登录状态会自动同步到iFrame内的论坛，完全消除跳转感。

内容的提问来源于stack exchange，提问作者Daniel