`
chenxueyong
  • 浏览: 342046 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

web页面加载时显示加载状态

阅读更多

web页面加载时显示加载状态
1. 加载进度条
           Response.Write("<div id='mydiv' >");
           Response.Write("_");
           Response.Write("</div>");
           Response.Write("<script>mydiv.innerText = '';</script>");
           Response.Write("<script language=javascript>;");
           Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");
           Response.Write("{var output; output = '页面正在载入,请稍后';dots++;if(dots>=dotmax)dots=1;");
           Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText =  output;}");
           Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ");
           Response.Write("window.setInterval('ShowWait()',1000);}");
           Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';");
           Response.Write("window.clearInterval();}");
           Response.Write("StartShowWait();</script>");
           Response.Flush();
           Response.Write("<script language=javascript>HideWait();</script>");

2. 加载进度框

            Response.Write("<script language=javascript>var win;win=window.open('_layouts/bluetech/loading.htm','progress','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=270,height=201,screenX='+(screen.width-270)/2+',screenY='+(screen.height-201)/2+',top='+(screen.height-201)/2+',left='+(screen.width-270)/2+'');</script>");
            Response.Flush();
            Response.Write("<script language=javascript>win.close();</script>");


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zj1103/archive/2009/04/05/4050110.aspx

分享到:
评论

相关推荐

    web端炫酷的30个前端动态加载页

    开发者可以利用小程序的生命周期函数来控制加载状态,使用wx.request进行网络请求,wx.showLoading和wx.hideLoading显示和隐藏加载提示,以及wx.getImageInfo处理图片加载。 文件名列表中的“demo24.html”到“demo...

    web动态加载用户控件

    1. 响应速度:动态加载用户控件可以在需要时才加载,减少了初次页面加载的时间,提高用户体验。 2. 资源管理:只加载必要的控件,节省服务器资源。 3. 灵活性:根据不同的条件或用户行为动态添加不同的用户控件,使...

    页面加载时的验证

    页面加载是Web开发中的核心环节,它涉及到用户体验、性能优化以及功能实现等多个方面。当用户在浏览器中输入URL或点击链接后,浏览器开始执行一系列复杂的步骤来获取并展示网页内容,这一过程就是页面加载。本资源...

    华为 S5700 web管理加载文件

    管理员可以通过这些页面进行设备配置、查看状态、设置安全策略等操作。 3. **script**:这是Web应用的核心部分,通常包含JavaScript和可能的Ajax(Asynchronous JavaScript and XML)脚本。JavaScript用于实现页面...

    iOS开发WebView加载时显示转圈功能

    在iOS应用开发中,WebView是用于展示网页内容的重要组件,它可以加载HTML、CSS和...这不仅让用户了解加载状态,还能让应用看起来更加专业和用户友好。记得在实际开发中根据需求调整样式和位置,以适应不同的界面设计。

    Web应用中实现页面加载提示

    进度条通常由CSS样式和JavaScript驱动,以动态地更新其填充状态,以反映页面资源的加载情况。 HTML基础: 一个基本的HTML进度条元素可以这样创建: ```html &lt;div id="progress"&gt;&lt;/div&gt; ``` 这里的`#loading-...

    基于ASP.NET+C#实现Web网页动态切换加载用户控件程序例子

    在ASP.NET+C#环境中,开发Web应用程序时,我们经常需要实现网页动态加载用户控件(User Control)。这种功能可以提高页面的性能,因为只有当用户需要时,才会加载相应的控件,而不是一次性加载所有内容。本例子通过...

    华为 3700 web管理加载文件

    在给定的标题和描述中,“华为 3700 web管理加载文件;S3700_52P-V100R006C00.002.web.zip”指的是一种通过Web方式进行管理的软件包,适用于华为S3700-52P型号交换机,版本号为V100R006C00,这是华为交换机固件的一...

    “正在加载”提示信息,WEB开发必备,loading...

    开发者需要有效地管理加载状态,防止在不需要时显示加载提示。这可能涉及到Promise对象的状态管理,或者使用现代库如React、Vue等的状态管理工具。 7. **异步编程**: 在JavaScript中,异步编程常用于处理耗时...

    ArcMap发布服务-切片-web调用加载流程

    这样,当用户在Web上加载地图时,仅需加载可视区域内的切片,大大减少了数据传输量,提高了加载速度。 配置切片信息包括选择缓存切片,设置切片格式(如PNG)和存储格式。PNG是一种常用的无损图像格式,支持透明度...

    QtWebView在线加载网页Demo

    4. **事件处理**:可以设置信号和槽来监听网页加载状态,如加载开始、加载完成、加载错误等。 5. **网页控制**:QtWebView提供了多种方法来控制网页,如`QWebView::back()`, `QWebView::forward()`, `QWebView::...

    用dwr技术显示页面数据加载状态.doc

    通过在客户端使用JavaScript配合DWR提供的API,我们可以优雅地处理加载状态,确保用户在整个过程中都有良好的感知。这种优化对于现代Web应用来说至关重要,因为它直接影响到用户对应用程序的满意度和使用体验。

    ASP.NET实现网页预加载效果

    这通常包括一个旋转的加载图标或其他图形元素,可以结合JavaScript监听资源加载状态来控制动画的显示和隐藏。 4. ASP.NET AJAX:ASP.NET AJAX提供了一套异步处理和页面更新的工具,可以用来实现预加载。通过...

    U3D嵌入Web页面,利用webview

    例如,Unity可以在特定事件触发时调用Web页面的函数,更新数据显示;反之,Web页面也可以监听事件,向Unity发送数据,更新游戏状态。 在数据可视化的具体应用中,你可以创建一个Web页面,使用前端框架构建UI并绘制...

    加载图片时进度条

    在移动应用或网页中,当图片从服务器下载到用户的设备上时,显示一个进度条可以有效地告诉用户操作正在进行,并且有助于缓解用户对加载时间过长的焦虑。 1. **进度条原理** 进度条通常是通过计算已下载的数据量与...

    NuxtWebfontloader高效的Web字体加载从未如此简单

    2. **事件监听**:通过监听各种字体加载事件(如`active`、`inactive`和`error`),开发者可以对字体加载状态做出响应,例如在字体未成功加载时显示备用字体。 3. **自定义配置**:你可以根据项目需求定制字体加载...

    web.xml加载顺序与web.xml常用节点解析

    - 当应用服务器启动并加载Web应用程序时,首先读取`web.xml`文件。 - 首先解析的是`&lt;context-param&gt;`节点,这些参数作为全局配置,被转换为`ServletContext`的初始化参数。 - 紧接着,应用服务器创建`...

    加载页面等待提示程序加载页面等待提示程序

    实现进度条可能需要用到Promise或fetch API来跟踪加载状态。 6. **响应式设计**:不同的设备和屏幕尺寸可能需要不同的加载提示设计。响应式设计确保无论用户使用什么设备,加载提示都能适配并清晰可见。 7. **延迟...

    js加载页面等待效果

    在网页加载过程中,为了提供更好的用户体验,开发者经常使用JS来实现页面等待效果,即在内容完全加载之前展示一个等待动画或者提示,让用户知道页面正在努力加载。 "js加载页面等待效果"主要涉及到以下几个关键知识...

    页面加载出现等待

    2. **计时器**:通过`setTimeout`或`setInterval`函数,我们可以设定在页面加载的某个阶段显示等待效果,比如在页面开始加载时显示,然后在页面加载完成或达到一定时间后清除。 3. **DOM操作**:JavaScript能操作...

Global site tag (gtag.js) - Google Analytics