如何在页面加载未完成时显示警告

how to display an alert while page loading is undone

本文关键字：未完成 完成时 显示 警告 加载      更新时间：2023-09-26

我的jsp页面调用web服务，它需要一些时间重定向到下一页。我想通过给用户一个警告来防止用户点击调用web服务的按钮。

我该怎么做呢?

您可以创建一个.overlay 

.overlay {
   position:absolute; 
   display:block;
   top:0; 
   left:0; 
   width:100%; 
   height:100%; 
   background:transparent;  /* or you may assign it some color or image */
   z-index:1000;
}
覆盖整个页面的

。并将click事件附加到.overlay上，如下所示:

$('.overlay').on('click', function(){
    alert('Please wait! Let the page be loaded first..');
});

当页面准备好时，删除覆盖层。

$(document).ready(function(){
   $('.overlay').hide();
});

这个覆盖的作用是，阻止用户与你的页面交互。

另一种方式是:

未预先将事件附加到调用服务的按钮上。当文档准备好时，将调用服务的事件附加到按钮上。

相关文章：