JavaFX实现表格列单元格超链接并点击打开新窗口

没问题，我来帮你搞定这个需求！要在表格单元格里添加超链接，点击后在新窗口展示指定文本，用纯HTML+JavaScript就能轻松实现，下面给你几个实用的方案，按需选择就行：

方案一：基础内联写法（适合单个链接） #

这种写法简单直接，适合只有少量链接的场景：

<table border="1">
  <tr>
    <td>
      <!-- 点击这个链接会触发弹窗 -->
      <a href="javascript:void(0)" onclick="showTextInNewWindow('这是我要展示的指定文本内容')">点击查看文本</a>
    </td>
  </tr>
</table>

<script>
function showTextInNewWindow(targetText) {
  // 打开一个新窗口，指定宽高和位置
  const newWin = window.open('', '_blank', 'width=600,height=400,top=100,left=100');
  // 向新窗口写入带样式的完整HTML内容
  newWin.document.write(`
    <!DOCTYPE html>
    <html>
    <head>
      <title>查看文本</title>
      <style>body { padding: 20px; font-family: Arial, sans-serif; }</style>
    </head>
    <body>
      <p>${targetText}</p>
    </body>
    </html>
  `);
  // 关闭文档流，确保内容正确渲染
  newWin.document.close();
}
</script>

代码说明： #

• href="javascript:void(0)" 用来阻止链接默认的跳转行为；
• window.open 的第二个参数 _blank 指定在新窗口打开；第三个参数可以自定义窗口的大小、位置等；
• 写入的内容是完整HTML结构，方便你自由调整文本的展示样式。

方案二：分离式写法（适合多个链接） #

如果表格里有多个需要弹窗的链接，推荐这种数据与行为分离的写法，维护起来更方便：

<table border="1">
  <tr>
    <td>
      <a href="#" class="text-popup-link" data-text="第一行单元格的专属文本">查看文本1</a>
    </td>
    <td>
      <a href="#" class="text-popup-link" data-text="第二行的文本内容，支持换行哦<br>这是第二行">查看文本2</a>
    </td>
  </tr>
</table>

<script>
// 给所有带指定类名的链接绑定点击事件
document.querySelectorAll('.text-popup-link').forEach(link => {
  link.addEventListener('click', function(e) {
    // 阻止默认跳转行为
    e.preventDefault();
    // 从data属性中获取要展示的文本
    const textToShow = this.dataset.text;
    // 打开新窗口并写入内容
    const newWin = window.open('', '_blank', 'width=600,height=400');
    newWin.document.write(`
      <!DOCTYPE html>
      <html>
      <head>
        <title>文本详情</title>
        <style>
          body { padding: 20px; line-height: 1.5; }
          p { margin: 0; color: #333; }
        </style>
      </head>
      <body>
        <p>${textToShow}</p>
      </body>
      </html>
    `);
    newWin.document.close();
  });
});
</script>

代码说明： #

• 用 data-text 属性存储要展示的文本，修改内容时直接改HTML就行，不用碰JS代码；
• 通过遍历绑定事件统一处理所有链接的点击逻辑，代码更整洁，扩展性更强。

注意事项 #

1. 弹窗拦截：浏览器可能会默认拦截这种脚本触发的弹窗，所以需要用户手动允许当前网站的弹窗请求；
2. 特殊字符处理：如果文本里包含引号、HTML标签等特殊字符，建议先转义避免语法错误，比如：

   const safeText = textToShow.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
   

3. 自定义样式：你可以在写入的HTML里添加任意CSS，让新窗口的文本展示更符合你的视觉需求。

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