如下代码可以锁定页面，思路就是在框架下面加上几个div，然后定义div样式，每次提交后让div覆盖整个页面，提交结束后在隐藏
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ޱĵ </title>
<style type="text/css">
a{ color:#000; font-size:12px;text-decoration:none}
a:hover{ color:#900; text-decoration:underline}
#massage_box{ position:absolute; left:expression((body.clientWidth-40)/2); top:expression((body.clientHeight-40)/2); width:40px; height:40px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
#mask{ position:absolute; top:0; left:0; bottom:0;width:expression(body.scrollWidth); height:100%; background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
</style>
<script>
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
}
function LoadPageWait()
{
createXMLHttpRequest();
var url = "http://www.iteye.com";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = goCallback;
xmlHttp.send(null);
}
function goCallback()
{
mask.style.visibility='visible';
massage_box.style.visibility='visible';
WriteData();
}
function WriteData()
{
window.location.replace("http://www.iteye.com");
return false;
}
</script>
</head>
<body>
<label>
<input type="submit" name="test" id="test" value="a" onclick="LoadPageWait()"/>
</label>
<p>
<div id="massage_box"> <div class="massage">
<img src="loading.gif" width="32" height="32" />
</div> </div>
<div id="mask"> </div>
</body>
</html>
分享到：
相关推荐
当调用`loadUserInfo`函数时，DWR会自动向服务器发送请求，获取用户信息并在页面上更新。 **总结** Ajax与DWR的结合，为网页开发提供了强大的实时交互能力。DWR作为Ajax的一个优秀实现，简化了前后端交互的复杂性，...
异步调用不会阻塞用户界面，而同步调用则会等待服务器返回结果。 4. **错误处理**：合理处理可能出现的网络错误、服务器错误以及类型转换错误，以保证良好的用户体验。 在提供的压缩包文件“DWR与界面开发”中，...
同步调用会阻塞浏览器直到服务器返回结果，而异步调用则在后台执行，允许用户在等待结果的同时继续操作页面。 5. **DWR的Batching机制**：DWR允许批量执行多个远程调用，这样可以减少网络往返次数，提高性能。 6. ...
同步调用会在调用返回结果之前阻塞JavaScript执行，而异步调用则允许页面在等待响应时继续处理其他任务。 5. **批量调用和回调**: DWR支持批量调用多个服务器方法，以及回调机制，当所有调用完成后执行指定的函数，...
5. **异步和同步调用**：用户可以决定是以异步还是同步的方式执行远程方法，异步方式允许用户在等待结果的同时继续执行其他操作，而同步方式则会阻塞后续代码直到结果返回。 `util.js`是DWR的辅助库文件，包含了...
这在处理树形菜单的异步加载时尤为有用，因为用户可以不必等待整个页面刷新就能看到新数据。DWR通过在服务器端创建一个"逆向Ajax"层，使得前端代码可以像调用本地函数一样调用服务器端的方法，大大提高了用户体验。 ...
同步调用则等待服务器响应，适合于需要立即返回结果的场景。 9. **其他特性**：DWR还支持AJAX双向通信、类型转换、事件监听、自动更新等功能，使得开发Web应用更加灵活便捷。 总结起来，DWR框架通过简化配置和提供...
7. **JSON与XML支持**：DWR可以将服务器返回的数据格式化为JSON或XML，便于前端处理。 8. **异步与同步调用**：DWR支持异步调用，即在不阻塞用户界面的情况下执行远程调用；同时也支持同步调用，等待远程调用结果...
同步调用等待服务器响应后才继续执行，而异步调用则在后台处理，不会阻塞用户界面。 5. **Caching**：DWR提供了缓存机制，能够缓存服务器端的方法和结果，减少不必要的网络传输，提高性能。 6. **调试工具**：DWR...
这样做的好处在于能够极大地简化前后端交互，提高用户体验，因为用户无须等待页面刷新即可完成数据的更新。 在这个案例中，我们将深入探讨以下关键知识点： 1. **DWR配置**： - 首先，你需要在服务器端设置DWR的...
异步调用不会阻塞用户界面，而同步调用会等待服务器响应后才继续执行后续代码。 7. **批量调用**：如果需要一次性调用多个服务器端方法，DWRProxy也提供了批量调用的功能，提高了效率。 理解这些核心概念并结合...
它通过在后台与服务器交换数据并更新部分网页内容，实现了页面的异步交互，极大地提升了用户体验。 1. **异步交互**：Ajax 最大的优点是实现页面的异步更新，用户在发送请求后可以继续浏览其他内容，而无需等待整个...
4. **响应**：服务器返回处理结果。 5. **更新**：客户端根据返回的数据更新页面。 Ajax的关键在于**异步交互**，即客户端与服务器之间的数据交换不会阻塞用户的其他操作。 #### 6. XMLHttpRequest对象及其常用...
- 同步：请求发送后，浏览器会等待服务器响应，期间无法执行其他任务。 - 异步：请求发送后，浏览器继续执行其他任务，只有在收到响应时才会触发回调函数。 10. **Hibernate在SSH开发模式中的角色**： Hibernate...
- 用户操作时需等待数据加载完成； - 每次请求都会返回一个完整的HTML页面； - 浏览器与服务器之间的交互是同步的。 - **AJAX**： - 用户操作过程中几乎无延迟； - 只需获取新数据，无需整个HTML页面； - ...