首页 > 解决方案 > 在新标签页中打开所有浏览器不工作的链接

问题描述

我的 Web 表单应用程序有问题。我有一个显示项目目录的网络表单页面。在演示代码中,每个项目都包含在项目模板服务器控件中,该服务器控件包含在中继器服务器控件中。我的问题是,当我使用任何浏览器右键单击时,它只会在新选项卡中打开同一页面。任何人都可以帮助解决这个问题吗?

这是转发器和项目模板控件中包含的内容

' onclick='javascript:window.location.href="<%#Path %>?action=detail&<%#Eval("CatalogItemKeyQueryString")%>"'> ' class="img-fluid" style="max-高度:200 像素;最大宽度:100%" /> <%#Eval("ItemName")%>

我尝试使用超链接控件并指向我有项目的锚标记中的路径

' onclick='javascript:window.location.href="<%#Path %>?action=detail&<%#Eval("CatalogItemKeyQueryString")%>"'> ' class="img-fluid" style="max-高度:200 像素;最大宽度:100%" /> <%#Eval("ItemName")%>

预期结果是右键单击并在新选项卡中打开该项目,所选项目将转到其单独的页面。实际上,它只打开完全相同的东西。

标签: webforms

解决方案


如果您将此JavaScript代码添加到您的网站:

<script>
function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}
</script>

那么你可以用这段代码解决你的问题:

onclick='openInNewTab("<%#Path %>?action=detail&<%#Eval("CatalogItemKeyQueryString")%>"'

感谢@RintoGeorge 的回答


推荐阅读