如何在Blazor Server页面中调用JavaScript关闭浏览器窗口

安全阿岳

2026-4-29

在Blazor Server中关闭浏览器窗口的实现方法

嘿，这个需求我之前做项目时刚好碰到过！Blazor Server和传统ASP.NET的运行模式不一样，没法直接用Response.Write输出脚本，得通过**JS互操作（JS Interop）**来和浏览器的JavaScript交互，这是Blazor框架的标准做法。下面给你两种实用的实现方式：

1. 按钮触发关闭窗口

这是最常见的场景，比如用户点击按钮后关闭当前窗口：

@inject IJSRuntime JSRuntime

<!-- 点击按钮触发关闭操作 -->
<button @onclick="CloseCurrentWindow">关闭窗口</button>

@code {
    private async Task CloseCurrentWindow()
    {
        // 调用浏览器的window.close()方法
        await JSRuntime.InvokeVoidAsync("window.close");
    }
}

2. 组件渲染完成后自动关闭

如果需要在组件加载完成后自动关闭窗口（比如提交成功后的提示页），可以在组件的生命周期方法里执行，注意要在OnAfterRenderAsync中调用，因为这时候DOM已经准备就绪：

@inject IJSRuntime JSRuntime

@code {
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        // 只在组件第一次渲染完成后执行
        if (firstRender)
        {
            await JSRuntime.InvokeVoidAsync("window.close");
        }
    }
}