Java生成HTML链接无法展示字符串内容，点击跳转至错误页面

问题根源 #

你生成的<a>标签把要展示的字符串直接放到了href属性里，而href需要的是有效的资源地址（比如网页URL、JS代码片段）。浏览器会将这个字符串当作URL去请求服务器，但服务器上不存在对应路径的资源，因此会返回页面不存在的错误。

解决方案 #

根据你的需求，提供几种可行的实现方式：

方式1：用JavaScript弹窗直接展示内容

点击链接时触发弹窗显示字符串，无需跳转页面。注意要转义字符串中的特殊字符（比如单引号、双引号），避免语法错误：

String myString = "Value to be displayed on new page";
// 转义字符串中的双引号，避免破坏JS语法
String escapedString = myString.replace("\"", "\\\"");
String newLink = "<a href=\"javascript:alert('" + escapedString + "')\">Click here to see the value</a>";

方式2：跳转至后端页面展示内容

如果需要在新页面展示内容，需要后端提供一个专门的页面接口，将字符串作为参数传递：

1. 生成带参数的链接：

String myString = "Value to be displayed on new page";
// 对参数进行URL编码，避免特殊字符导致的问题
String encodedString = java.net.URLEncoder.encode(myString, "UTF-8");
String newLink = "<a href=\"/show-content?value=" + encodedString + "\" target=\"_blank\">Click here to see the value</a>";

2. 后端新增/show-content接口，接收value参数，渲染一个包含该字符串的页面返回给前端。

方式3：内嵌弹窗（HTML5 dialog）

如果希望在当前页面弹出窗口展示内容，可以结合HTML5的<dialog>元素和JavaScript：

1. 生成链接和弹窗元素：

String myString = "Value to be displayed on new page";
String dialogId = "contentDialog";
// 生成弹窗HTML
String dialogHtml = "<dialog id=\"" + dialogId + "\"><p>" + myString + "</p><button onclick=\"document.getElementById('" + dialogId + "').close()\">Close</button></dialog>";
// 生成触发弹窗的链接
String newLink = "<a href=\"#\" onclick=\"document.getElementById('" + dialogId + "').showModal(); return false;\">Click here to see the value</a>";
// 将dialogHtml和newLink一起插入到页面中

内容的提问来源于stack exchange，提问作者elads11