原生alert()不支持链接，因其为纯文本阻塞式对话框，HTML标签会被原样显示；可行方案是用div+CSS+JS自定义弹窗或引入sweetalert2等轻量库实现带链接的提示。
原生 alert() 无法加链接，这是浏览器限制
浏览器的 alert() 是阻塞式模态对话框，只支持纯文本，所有 HTML 标签（包括 <a></a>）都会被当作字符串原样显示，不会被解析。你看到的“带链接的 alert”基本都是假象——要么是自定义弹窗，要么用了其他 API。
用 confirm() 或 prompt() 也做不到加链接
这三个原生方法（alert()、confirm()、prompt()）共享同一套底层限制：不支持富文本、无样式控制、无法插入 DOM 节点。即使把 <a href="...">点我</a> 传进去，用户看到的只是那段 HTML 源码字符，不是可点击链接。
真正可行的替代方案：用 div + CSS + JS 模拟对话框
要实现“带可点击链接的警告框”，必须放弃原生 API，手动构建一个轻量级浮层。关键点：
- 用一个
<div class="modal"> 作为容器，初始 <code>display: none - 内部放文字、
<a href="https://example.com" target="_blank">立即跳转</a>和关闭按钮 - 点击遮罩层或关闭按钮时，用 JS 设置
style.display = 'none' - 需要阻止背景滚动：给
加overflow: hidden（显示时），移除时恢复 - 为无障碍考虑，聚焦到第一个可交互元素（如链接），并监听
Escape键关闭
最小可用示例：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
<div id="alertModal" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:20px; border:1px solid #ccc; z-index:1000;">
发生错误，请 <a href="https://help.example.com" target="_blank">查看帮助文档</a>
<button onclick="this.parentElement.style.display='none'; document.body.style.overflow='auto';">确定</button>
</div>
<button onclick="document.getElementById('alertModal').style.display='block'; document.body.style.overflow='hidden';">触发警告</button>
更稳妥的做法：用现成的轻量库（比如 swal）
如果项目允许引入小依赖，sweetalert2 是最省心的选择。它默认支持 HTML 内容、链接、图标、异步关闭等：
Swal.fire({
title: '操作失败',
html: '请前往 <a href="https://status.example.com" target="_blank">服务状态页</a> 查看详情',
icon: 'warning',
confirmButtonText: '知道了'
})
注意：Swal.fire() 的 html 选项需显式启用（v11+ 默认允许），旧版可能需要配 allowOutsideClick: false 防误触。
自定义弹窗的复杂点不在结构，而在焦点管理、键盘导航、移动端适配和关闭后状态还原——这些细节容易被忽略，但直接影响体验是否“像一个真正的系统提示”。
