jsp如何弹出窗口

 时间:2024-10-13 05:39:40

关于jsp如何弹出窗口,我们分为了两种模式,分别是:第一种:弹出框窗口模式第二种:自定义窗口模式以下我们以最简单的例子来介绍一下两种模式的实现

工具/原料

网页编写工具,如 WebStorm等

内容初始化

1、首先,我们初始化定义3个div标签供我们后续结果展示用

jsp如何弹出窗口

2、接下来,我们为其中自定义窗口模式加入简单的样式

jsp如何弹出窗口

3、内容和样式定义好后,我们便开始实现对应的模式需求

弹出框窗口模式

1、一稍僚敉视个弹出框模式,最基本的实现便是alert( )方法,等同于结果输出的提示,在括号中输入我们定义的提示结果进行显示。实现方式和打印结果如下图所示:

jsp如何弹出窗口
jsp如何弹出窗口

2、浏览网页常也会经常遇到点击按钮出现选择的提,我们通过实现confirm( )方法,配合if() else 选择结构进行处理。实现方式和打印结果如下图所示:

jsp如何弹出窗口
jsp如何弹出窗口

自定义窗口模式

1、当然我们还可以设计自己的窗口样式,配合Dom元素控制div样式,来实现对应需求。实现方式和打印结果如下图所示:

jsp如何弹出窗口
jsp如何弹出窗口

2、以上便是JSP实现窗口弹出的方式,仅供大家参考!

热门搜索
疫情防控手抄报 我和我的祖国手抄报 禁毒手抄报图片 关于数学的手抄报 抗美援朝手抄报 春节手抄报图片大全 十分简单的读书手抄报 爱国卫生手抄报 新年的手抄报 中秋节手抄报图片