使用 window.open() 打开不同的链接

Question

我有一个数据表，其中一列包含 URL。单击这些链接时，我必须在新页面中打开相应的链接。我正在使用window.open() 打开这些链接。 它正在打开一个新窗口但不显示页面。我使用的javascript代码是：

function openDisclaimer(objectId)
{
var disclaimerID = objectId.id;
var url = document.getElementById(objectId).value;
window.open(url);
}

和

<h:commandLink id="dsclaimLink" value="#{managePersonalization.disclaimerURL}" onclick="openDisclaimer(this);" >

Answer 1

首先，在古老的 JSF 版本中，有一个错误导致命令链接无法以这种方式工作。确保您使用的是最新版本/构建。 Mojarra 可用here，MyFaces 可用here。

至于您的实际问题，commandlink 基本上会生成一个提交父表单的链接。它应该放在h:form 中，但在这里你只需要一个plain vanilla 链接。在这种情况下，请将其替换为 h:outputLink。不要忘记在点击事件结束时添加return false; 以阻止链接的默认操作。

<h:outputLink 
    value="#{managePersonalization.disclaimerURL}" 
    onclick="openDisclaimer(this); return false;">
    <h:outputText value="Disclaimer" />
</h:outputLink>

此外，value 属性实际上以生成的<a> 元素的href 属性结束，因此您的JavaScript 需要修复它从href 属性而不是value 属性获取URL （JavaScript 看不到 JSF 源代码，只能看到其生成的 HTML 输出！）：

function openDisclaimer(link) {
    window.open(link.href);
}

您还看到 document.getElementById 已被删除，因为它没有任何意义，因为您已经将唯一的元素作为函数参数！ ;)

你甚至可以去掉整个函数：

<h:outputLink 
    value="#{managePersonalization.disclaimerURL}" 
    onclick="window.open(this.href); return false;">
    <h:outputText value="Disclaimer" />
</h:outputLink>

或者，如果您真的想要一个有价值的选项卡/窗口而不是 popup 窗口，那么您也可以使用您设置的 target 属性给_blank：

<h:outputLink 
    value="#{managePersonalization.disclaimerURL}" 
    target="_blank">
    <h:outputText value="Disclaimer" />
</h:outputLink>

Answer 2

你为什么不这样做：

<h:commandLink id="dsclaimLink" value="#{managePersonalization.disclaimerURL}" 
    onclick="window.open('#{managePersonalization.disclaimerURL}');" />

Answer 3

只需检查 objectID 返回什么