在ASP.NET中实现点击链接或按钮打开新页面而不关闭原页面，主要通过HTML的target属性或JavaScript的window.open()方法实现，以下是具体、实用的实现方案：
核心方法：使用 target=”_blank” (最简单常用)
这是最符合Web标准、最易于实现的方式。
在HTML超链接 (<a>) 中使用
<a href="Details.aspx?id=123" target="_blank">查看详情（新窗口打开）</a>
在ASP.NET服务器控件中使用 (如 HyperLink)
<asp:HyperLink ID="lnkDetails" runat="server"
NavigateUrl="~/Details.aspx"
Target="_blank"
Text="查看详情" />
在ASP.NET Button/LinkButton控件中实现
需在服务器端设置属性：
protected void Page_Load(object sender, EventArgs e)
{
btnNewWindow.Attributes["onclick"] = "window.open('NewPage.aspx','_blank'); return false;";
}
或前端直接添加：
<asp:Button ID="btnNewWindow" runat="server" Text="打开新窗口"
OnClientClick="window.open('NewPage.aspx','_blank'); return false;" />
进阶控制：JavaScript window.open()
当需要精确控制新窗口尺寸、位置等属性时使用：
function openCustomWindow(url) {
window.open(url, '_blank', 'width=800,height=600,scrollbars=yes');
}
在ASP.NET控件调用：
<asp:LinkButton ID="lnkCustom" runat="server" Text="定制窗口"
OnClientClick="openCustomWindow('Popup.aspx'); return false;" />
重要注意事项
-
安全最佳实践
新窗口中打开的页面需添加安全头部防止被恶意利用：// 在Page_Load中添加 Response.Headers.Add("Content-Security-Policy", "frame-ancestors 'self'"); -
防止钓鱼攻击
使用rel="noopener noreferrer"增强安全性：<a href="external.html" target="_blank" rel="noopener noreferrer">安全外链</a>
-
移动端适配
移动设备可能拦截新窗口，推荐响应式设计单页应用(SPA)或提示用户：if (window.innerWidth < 768) { alert("请在浏览器菜单中选择打开新窗口"); }
常见场景解决方案
场景1：GridView行内打开详情页
<asp:TemplateField>
<ItemTemplate>
<asp:HyperLink runat="server" Target="_blank"
NavigateUrl='<%# "Detail.aspx?id=" + Eval("ID") %>'
Text="查看" />
</ItemTemplate>
</asp:TemplateField>
场景2：后台代码动态生成窗口
Button btn = new Button();
btn.Text = "动态窗口";
btn.Attributes.Add("onclick", $"window.open('{ResolveUrl("~/Dynamic.aspx")}?param=1','_blank'); return false;");
this.Controls.Add(btn);
场景3：传递复杂数据到新窗口
// 主页面
localStorage.setItem("tempData", JSON.stringify({key: "value"}));
window.open("Receiver.aspx", "_blank");
// Receiver.aspx
var data = JSON.parse(localStorage.getItem("tempData"));
localStorage.removeItem("tempData"); // 立即清理
浏览器兼容性处理
- 使用
return false阻止默认表单提交 - 备用方案防止弹窗被拦截：
var newWin = window.open(); newWin.location.href = 'https://target.site'; // 分步加载
最佳实践建议：
- 优先使用
target="_blank"标准实现- 涉及敏感操作时添加
rel="noopener"- 移动端提供单页应用替代方案
- 新窗口页面需明确提示关闭方式
实现中遇到具体问题？您的应用场景是否需要传递复杂参数或控制窗口样式？欢迎分享您的具体需求,我将提供针对性优化方案。
首发原创文章，作者：世雄 - 原生数据库架构专家，如若转载，请注明出处：https://idctop.com/article/24631.html
评论列表（3条）
这篇文章挺实用的，解决了网页开发里一个挺常见的需求——点了链接或按钮想开新页面，但千万别把原来的关了。作者讲的两个核心方法，target属性 和 window.open，确实是基础又关键的方案，思路挺清晰的。 从一个关注用户行为的角度看，这个功能背后体现的是用户任务流的连续性问题。用户需要新页面来干另一件事（比如查资料、填表单、看详情），同时又需要保留原页面的状态（比如购物车、填了一半的信息、搜索结果列表）。强行关闭原页面会打断任务，让用户很烦躁甚至丢失进度，体验特别差。所以实现这个技术点，本质上是尊重用户的操作习惯，减少他们的认知负担和操作成本。 作者的例子选得也很接地气，比如后台管理系统的操作，用户点了“查看详情”或者“编辑”，当然希望原列表页面还在，方便操作完继续回来处理其他项。这时候新开页面而不是覆盖原页面，就很符合直觉。 不过，文章感觉可以再稍微深入一点点用户场景。比如，什么时候更适合用默认新标签页（target=”_blank”）？什么时候又需要window.open来控制尺寸或位置？像那种需要临时参照的小窗口（比如选个地址），控制下尺寸可能体验更好；而需要长时间并行操作的，可能新标签页更合适。点出这些细微差别可能对开发者理解用户心理更有帮助。 总的来说，这文章抓住了用户不想中断操作的核心痛点，提供的解决方案直接有效，是能切实提升用户体验的好技巧。做产品的时候，这种细节真的不能忽视。
这个教程很实用啊，但能用在实际项目中比如多任务处理场景吗？比如后台同时编辑多个数据而不跳转页面？
读了这篇讲ASP.NET打开新页面不关闭原页面的文章，感觉挺实用的，尤其是对刚接触这方面需求的开发者。文章提到的HTML的target属性是最省事的方案，我在做管理后台时也常用这个，给超链接或按钮加个target=”_blank”就能解决问题，确实简单粗暴。 不过文中提到的JavaScript的window.open()更灵活，这点我深有体会。之前做项目时遇到需要控制新窗口尺寸或位置的需求，就只能用这个方法。但有个坑得提醒新手：现在很多浏览器默认会拦截弹出窗口，如果window.open()不是由用户点击直接触发，可能会被拦截掉，这点文章里可以再强调下。 我自己还遇到过需要从新页面向原页面回传数据的场景，比如新页面操作完成后刷新原页面数据。虽然超出本文范围，但能加个延伸思考的提示会更好，比如提一句“复杂交互可能需要配合localStorage或window.opener”。总的来说，作为基础教程很到位，要是能补充点实际项目中可能遇到的坑就更完美了。