如何在ASP.net MVC应用中用Frameset实现跨页面持久通知？

没问题，这个需求完全可以实现！其实核心思路和普通HTML页面是一致的，只是要适配ASP.NET MVC的视图结构而已，我来一步步给你拆解怎么做：

1. 先创建Frameset主页面 #

首先得搞一个承载两个iframe的主页面——ASP.NET MVC默认的Razor布局（_Layout.cshtml）包含了完整的HTML结构，和frameset不兼容，所以咱们直接创建一个独立的视图页面，比如~/Views/Home/FramesetIndex.cshtml，代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>站点主框架</title>
    <style>
        /* 确保frameset占满整个窗口，没有多余边距 */
        html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
    </style>
</head>
<frameset rows="0,*" border="0">
    <!-- 0px高度的通知承载iframe，命名方便后续调用 -->
    <frame name="notificationFrame" src="@Url.Action("NotificationHost", "Home")" frameborder="0" scrolling="no">
    <!-- 主内容iframe，所有业务页面都在这里加载 -->
    <frame name="mainFrame" src="@Url.Action("MainContent", "Home")" frameborder="0">
</frameset>
</html>

这里用@Url.Action生成MVC路由，保证两个iframe能正确加载对应的视图页面。

2. 创建0px iframe的通知宿主页面 #

接下来做那个0px的iframe页面（~/Views/Home/NotificationHost.cshtml），它负责维护通知的DOM和显示逻辑——因为是独立的iframe，不会随主页面刷新重新加载，所以通知能一直保持：

<!DOCTYPE html>
<html>
<head>
    <title>通知宿主</title>
    <script src="~/Scripts/jquery-3.6.0.min.js"></script>
    <style>
        /* 自定义通知样式，你可以根据需求调整 */
        .global-notification {
            position: fixed;
            top: 20px;
            right: 20px;
            padding: 15px 25px;
            background: #2c3e50;
            color: white;
            border-radius: 4px;
            z-index: 9999;
            display: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        }
    </style>
</head>
<body>
    <div class="global-notification" id="notificationContainer"></div>

    <script>
        // 把显示通知的方法挂载到window上，方便主iframe调用
        window.showGlobalNotification = function(message, duration = 5000) {
            const $notification = $('#notificationContainer');
            $notification.text(message).fadeIn();
            
            // 可选：自动隐藏通知
            if (duration > 0) {
                setTimeout(() => {
                    $notification.fadeOut();
                }, duration);
            }
        };

        // 也可以加个手动隐藏的方法
        window.hideGlobalNotification = function() {
            $('#notificationContainer').fadeOut();
        };
    </script>
</body>
</html>

记得引入你项目里对应的jQuery版本，别搞版本冲突就行。

3. 主iframe页面调用通知方法 #

主内容页面（比如~/Views/Home/MainContent.cshtml）要先禁用默认布局，避免重复的HTML结构导致显示异常，然后在需要的地方调用0px iframe的通知方法：

@{
    Layout = null; // 必须禁用默认布局，不然frameset会乱套
}
<!DOCTYPE html>
<html>
<head>
    <title>主内容页</title>
    <script src="~/Scripts/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>主内容区域</h1>
    <button id="showNotifyBtn">弹出跨页面通知</button>
    <a href="@Url.Action("AnotherMainPage", "Home")" target="mainFrame">切换到另一个页面</a>

    <script>
        $(function() {
            $('#showNotifyBtn').click(function() {
                // 通过top.frames访问0px iframe，调用它的通知方法
                top.frames['notificationFrame'].showGlobalNotification('这个通知切换页面也不会消失！', 12000);
            });
        });
    </script>
</body>
</html>

点击切换页面链接时，主iframe会加载新页面，但0px iframe里的通知会继续显示，直到超时或者手动隐藏。

4. 关键注意事项 #

• 同域要求：所有页面必须在同一个域名下，不然浏览器会阻止iframe之间的脚本通信（跨域限制）。
• 路由配置：确保NotificationHost、MainContent、AnotherMainPage这些Action都在对应的Controller里存在，路由能正常访问。
• 布局禁用：主iframe里的所有业务页面都要设置Layout = null;，否则会包含完整的HTML结构，导致frameset显示异常。

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