easyui-dialog 弹窗
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Insert title here</title> <%@ include file="/jsp/common/include/easyui_nopager.jsp"%> </head> <body> <button onclick="showDialog()">POP</button> <!-- 弹窗 start--> <div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 800px; height: 400px; padding: 10px"> <!-- jsp page --> </div> <!-- 弹窗 end--> <script type="text/javascript"> $(document).ready(function() { $("#dlg").dialog('close'); }); function showDialog() { $("#dlg").dialog('open'); } </script> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步