JavaScript Div 弹出层遮罩层

最新推荐文章于 2021-03-24 08:54:46 发布

转载最新推荐文章于 2021-03-24 08:54:46 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhanghuibo/blog/650425

文章标签：

#javascript #java #ViewUI

本文介绍了一个简单的网页弹窗功能实现方案，通过在index.jsp中触发弹窗事件，加载window.jsp作为弹窗内容，并在窗口中提供关闭按钮来控制弹窗的显示与隐藏。该实例在IE8下测试正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、共两个页面index.jsp中只有一个点击事件按钮，window.jsp中只有一个关闭按钮。

大家可根据自己的需要修改，本实例代码简单只是单纯的实现功能没有考虑太多的兼容性。

本实例在IE8下测试正常运行。

2、代码：

**********index.jsp源码**********

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'popDiv.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

**********window.jsp源码**********

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<title>对应操作</title>
<script type="text/javascript">
function closeFun(){
var myAlert = window.parent.document.getElementById("alert");
var mybg = window.parent.document.getElementById("mybg");
myAlert.style.display = "none";
mybg.style.display = "none";

}

</script>
</head>
<body>
<input type="button" value="关闭" class="close" id="close" onClick="closeFun();">
</body>
</html>

转载于:https://my.oschina.net/zhanghuibo/blog/650425