页面正在载入(js代码)

最新推荐文章于 2017-11-28 21:49:00 发布
最新推荐文章于 2017-11-28 21:49:00 发布
阅读量1.4k 收藏
点赞数
分类专栏： Ajax Web2.0 文章标签： function generator div null xhtml html
<!---加载进度条---->
<script type="text/javascript">
<!--

document.write('<div id=divShowLoading style="position:absolute; display:none;">'+  
                                    '页面正在载入，请等待<span></span></div>');  
 function showProcess() 
{ 
     GetMsg();
}
var timerId=null;
function GetMsg()
{
    var msg = document.getElementById("divShowLoading");
    msg.style.left = (document.body.clientWidth - 220) / 2;
    msg.style.top = window.screen.height / 3 - 120;
    if(window.document.readyState != null && window.document.readyState != 'complete')
    {
        msg.style.display = "block";
    }   
    else
    {
        msg.style.display = "none";
        window.clearTimeout(timerId);
        return;
    }
    timerId=window.setTimeout('GetMsg()',1000);
}
showProcess(); 
//-->
</script> 
<!---加载进度条---->
 


===================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />

 </head>

 <body>
 <!---加载进度条---->
<div id="divShowLoading" style="position:absolute; display:none;">数据正在加载......</div>
<script type="text/javascript">
<!--

function showProcess() 
{ 
     GetMsg();
}
var timerId=null;
function GetMsg()
{
    var msg = document.getElementById("divShowLoading");
    msg.style.left = (document.body.clientWidth - 220) / 2;
    msg.style.top = window.screen.height / 3 - 120;
    if(window.document.readyState != null && window.document.readyState != 'complete')
    {
        msg.style.display = "block";
    }   
    else
    {
        msg.style.display = "none";
        window.clearTimeout(timerId);
        return;
    }
    timerId=window.setTimeout('GetMsg()',1000);
}
showProcess(); 
//-->
</script> 
<!---加载进度条---->
 </body>
</html>





/
<html>  
  <head>  
  <title>页面正在载入</title>  
      <script   language=javascript>
   <!--  
      document.write('<div   id=loadDiv   style="padding-top:   50;   padding-left:   50">'+  
                                    '页面正在载入，请等待<span   id="loading"></span></div>');  
      var   setInterval1   =   setInterval("loading.innerText   +=   '.'",   300);  
      var   setInterval2   =   setInterval("loading.innerText   =   ''",   15000);  
      function   window.onload()  
      {  
            hiddenDiv.style.display="";   //显示页面内容  
            loadDiv.removeNode(true);  
            clearInterval(setInterval1);  
            clearInterval(setInterval2);  
      }  
      //   --></script>  
  </head>  
   
  <body>  


  <div   id=hiddenDiv   style="display:none">  


  <img   src=http://www.csdn.net/images/homeimage/csdn.gif>  
      <!--   将你的网页所有内容都放在这个div之内即可   -->  
   
  </div> 
 


  </body>  
  </html>

 
heqi915
关注
专栏目录
6种显示网页正在加载中的代码
03-20
6种显示网页正在加载中的代码,网页加载内页完成前显示正在加载...
页面正在载入js
weixin_33961829的博客
01-15 120
  页面显示(pageshow)和页面隐藏(pagehide)事件   http://blog.163.com/jiang_tao_2010/blog/static/121126890200911403336255/   http://www.cnblogs.com/sunli/archive/2010/07/27/cache_key_mutex.html       http:...
JS动态生成正在加载...
Zq_Dream的博客
02-25 986
在ajax执行生成文件的的时候,为了让页面更友好,需要在执行过程中显示正在生成,请稍后... 请稍后后面的...需要动态运行, JS代码如下： var count=0; //.的数量 var pints; //定义一个变量 $(document).ready(function(){ var m=document.getEleme
正在加载 效果的实现代码
weixin_34110749的博客
10-22 128
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mytest.aspx.cs" Inherits="CrazyAuchan.mytest" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="...
页面载入等待特效代码
03-20
在网页设计中，"页面载入等待特效代码"是一个重要的用户体验优化策略。当用户点击一个链接或提交表单时，页面加载过程中可能会出现空白或无响应的状态，这可能导致用户感到不安或疑惑。为了改善这种体验，开发者会...
Ajax 动态载入html页面后不能执行其中的js快速解决方法
10-18
然而，一个常见的问题是在使用Ajax动态载入HTML页面后，其中的JavaScript代码可能无法正常执行。这是因为默认情况下，Ajax加载的HTML片段被视为静态内容，浏览器不会执行其中的脚本。本文将详细讲解这个问题的解决...
常用的页面载入提示效果特效代码
03-20
本文将深入探讨“常用的页面载入提示效果特效代码”，介绍如何通过编程技术提升网页加载过程中的视觉体验。 一、页面载入提示的重要性 在网页加载过程中，用户可能会遇到等待时间较长的情况，此时一个富有创意且...
页面载入等待代码(用javascript技术实现)
12-10
本篇文章将深入探讨如何利用JavaScript技术实现页面载入等待代码，以及相关的知识点。 首先，理解页面生命周期是关键。在Web开发中，页面有以下几个关键阶段：DOMContentLoaded（文档对象模型已加载）、load（所有...
jQuery 页面载入进度条实现代码
10-30
页面 Loading 条基本人人都会用。它的原理很简单：在页头放置一个文字或者图片的 loading 状态，然后页尾载入一段 JS 隐藏掉，即根据浏览器的载入顺序来实现的简易 Loading 状态条。
JS加载等待效果
12-05
JS加载等待效果，所有页面继承自BasePage类， 每次页面加载前都会自动调用JS特效，页面数据加载完毕后自动隐藏并显示具体内容。
js加载等待效果
10-12
js加载等待效果，原理点击后创建层，onclick事件触发
js加载页面等待效果
07-07
js加载页面等待效果，加载完成以后可以显示全部页面，前期等待效果
js实现图片在未加载完成前显示加载中字样
10-25
首先判断浏览器再判断图片是否加载完成，如果还未加载就显示“加载中...”，思路及代码如下
正在载入
weixin_30438813的博客
11-28 474
<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>正在载入</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt...
利用JS弹出层实现简单的动态提示“正在加载中，请稍等...”
weixin_30900589的博客
08-03 704
JQuery版本：1.7.1； 编写一个JS类(ck.layer.js)： [javascript] view plaincopy /*************************************Achievo.JavascriptLibrary************************** *UsingjQuery1.7.1 *Usi...
很好的正在加载提示的代码（源于网络）
liutonglai的专栏
05-23 574
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" >     预览             document.write('' + '正在加载,请稍候');         var setInterval1 = setInterval("loading.
载入iframe页面js鼠标右键刷新
最新发布
07-09
```javascript document.addEventListener('contextmenu', function(e) { e.preventDefault(); if (e.target.tagName.toLowerCase() === 'iframe') { e.target.contentWindow.location.reload(); } }); ``` 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值