javascript - 在 JavaScript 中设置链接标签

Question

我正在尝试为链接设置标签以打开图像。我在后面的代码中使用了 asp.net 来执行此操作:

lblFile1.Text = "<a href=\"/utilities/ViewPDF.aspx?ImageName=" + ConfigurationManager.AppSettings["Logo2ImageFolder"] + Company.Current.CompCode + "\\" + f.File1 + "\" target=\"blank\">View File</a>";

但现在我需要将其更改为 JavaScript，因此当他们单击链接标签时，它会打开链接。

我尝试了这个，但标签甚至不显示:

document.getElementById('lblFile1').value = "<a href=\"/utilities/ViewPDF.aspx?ImageName= + ConfigurationManager.AppSettings['Logo2ImageFolder'] + Company.Current.CompCode + '\\' + " + result.File1 + "\" target=\"blank\">View File</a>";

我正在使用<asp:Label runat="server" ID="lblFile1"></asp:Label>

当我在后面的代码中使用该链接时，该链接确实有效，但在 JavaScript 中不起作用。

Answer 1

改变

document.getElementById('lblFile1').value

至

document.getElementById('lblFile1').innerHTML

这允许标签的内容(HTML 跨度)解释您放置在其中的 HTML 链接。

还要检查您的输出，因为 ASP.NET 可能会在输出时更改您的 asp:Label ID。将 ClientIDMode 设置为“静态”将解决该问题。确保您选择的 ID 不会与具有相同 ID 的任何其他节点冲突。