如果一个页面的数据加载量很大，客户很难辨别页面是否加载完成，就会去点击上面的链接，导致误以为链接失效。 这时，我们需要一个遮罩层，来判断页面是否加载完成，如果没有加载完成，则不能对加载中的页面进行操作。
代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.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">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=basePath%>resources/plugins/cover/cover.js"></script>
function search(){
//表单中的查询方法
this.cover();//打开遮罩层
//执行查询
}
</head>
<body>
This is my JSP page. <br>
</body>
<script type="text/javascript" >
this.closeCover();//页面加载完成 关闭遮罩层
</script>
</html>
相关推荐
JSP页面增加遮罩
外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层 layer.use([],function(){ $(#添加按钮id).click(function(){ editData(,form,添加) ; }) ; }); function editData(data,from,title){ var win...
4. 动态加载：如果弹出层的内容是JSP页面，那么需要使用Ajax技术异步请求服务器，获取JSP页面生成的HTML内容，并将其插入到弹出层的HTML结构中。这涉及到XMLHttpRequest对象或者jQuery的$.ajax()方法。 5. 模态...
在JavaScript（JS）编程中，"页面弹层置灰加载"是一种常见的用户体验设计，它用于在用户触发某个操作，如点击事件，时显示一个半透明的遮罩层，同时显示一个加载图标，告知用户系统正在进行后台处理。这种设计能够...
在IT行业中，页面加载锁屏是一种常见的用户体验优化技术，它主要用于在网页内容加载期间提供一个遮罩层，防止用户在页面未完全加载时进行交互，从而避免产生错误或不一致的结果。这种技术尤其适用于资源密集型或者...
4. **内容填充**：遮罩层中的标题和图片文字介绍通常是从数据源动态加载的。这可以通过jQuery的`.html()`或`.text()`方法实现，根据每个图片对应的标题和描述来填充内容。 以下是一个简化的实现步骤： 1. 引入...
例如，可以创建一个新的DOM元素，如一个全屏的div，设置其样式（如颜色、透明度）来作为遮罩层，并通过CSS将其定位在页面顶部。当需要显示遮罩时，可以将这个div添加到页面上；当操作完成，遮罩则会被移除。 标签中...
- **模态对话框**：利用CSS和JavaScript，可以创建一个覆盖在当前页面上的半透明遮罩层，以及一个显示子内容的弹出框。这种方式不会离开主页面，用户可以随时关闭对话框返回。 3. **在Struts1中的实现：** - **...
5. **弹出层实现**：可以创建一个遮罩层和预览窗口，当用户触发预览事件时，预览窗口从指定位置淡入，同时遮罩层覆盖整个页面，提供更好的预览体验。 接下来，我们来看一下`jquery-largephotobox-0.1.0`这个插件。...
5. **AJAX异步通信**：AJAX（Asynchronous JavaScript and XML）允许不刷新整个页面的情况下与服务器交换数据并更新部分网页内容，实现动态加载。 6. **SPA（单页应用）**：使用路由和局部刷新，JavaScript可以构建...
接下来，通过CSS设置两个类`.mask`和`.mess`，分别定义了弹窗的遮罩层和内容层的样式。`.mask`类用于创建一个全屏覆盖层，它在初始状态下是隐藏的。`.mess`类定义了弹窗内容层的样式，包括大小、边框、背景色、居中...
基于EJB的真实世界模型，附源代码，部分功能需JSP配合完成。 J2ME优化压缩PNG文件 4个目标文件 内容索引:JAVA源码,综合应用,J2me游戏,PNG,图形处理 这是个J2ME控制台程序，它能剔除PNG文件中的非关键数据段，...
9. **透明层（遮罩层）**：通过CSS的`opacity`和`z-index`属性，可以创建半透明的覆盖层，用于展示警告信息或加载等待效果。 10. **JSP转HTML或其他格式**：通过客户端或服务器端脚本，将JSP页面转换为HTML或其他...
在给出的代码片段中，我们看到一些Layer的配置选项，如`type: 2`表示创建一个iframe类型的弹出层，`shade`定义了遮罩层的透明度，`title`定义标题，`area`指定了弹出层的大小，以及`content`设置了加载的页面。...
在后台Java部分，我们通常会处理请求并返回一个视图，比如JSP页面，用于展示弹窗内容。这里是一个简单的例子： ```java @RequestMapping("/getArticleById") public String getArticleById(@RequestParam(...
该函数通过创建DOM元素的方式构建了一个带有遮罩层的弹出框，并通过`XMLHttpRequest`或`ActiveXObject`对象发送Ajax请求获取上传进度信息。 **4. 动态更新进度条** - 利用`setInterval`函数定期向进度显示服务类...
以上只是Struts2标签库中的一部分，实际上还有很多其他的标签，如`<s:textfield>`（文本输入框）、`<s:textarea>`（多行文本输入框）等，它们共同构成了Struts2强大的视图层支持，简化了Web开发中的页面构建工作。