`
chengyue2007
  • 浏览: 1488873 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript 判断页面加载完毕

 
阅读更多

这个函数用户判断当页面加载完毕的时候,设置按钮上的文本如果页面没有加在完毕的时候,那么只会显现代码上面部分的按钮。只有在判断加在完毕的时候才会限制这个按钮。

<!--修改页面内容-->
<script language="javascript">
    window.onload = function () {    
        if(document.all) {//简单判断是否是IE    
   
    changeButton() ;
        } else {    
        
   changeButton() ; 
        }    
    }  
 
function changeButton(){
 var buttons  =document.getElementsByTagName("button");
  for(var i=0;i<buttons.length;i++){
    if(buttons[i].getAttribute("id") == null || buttons[i].getAttribute("id") == '' ){
         buttons[i].innerHTML="&#19979;&#19968;&#27493;";
    }
  }

</script>

 

 

上面的方法不是很好,用下面的方法

 

 

<script type="text/javascript">


function addEvent( obj, type, fn ) {
    if (obj.addEventListener)
        obj.addEventListener( type, fn, false );
    else if (obj.attachEvent) {
        obj["e"+type+fn] = fn;
        obj.attachEvent( "on"+type, function() {
            obj["e"+type+fn]();
        } );
    }
};

// dom 载入完成事件
function setDomLoad( fn ){
 if(!-[1,])
  addEvent(document, "readystatechange", function(){
   if(document.readyState=="complete"){
    fn();
   }});
 else
  addEvent(document, "DOMContentLoaded", fn);
}

//开始侦听
setDomLoad(init);
function init(){
 alert("DOM载入完成!");
 alert(document.getElementById('item2'));
}

</script>

 

 

 

 

 

分享到:
评论

相关推荐

    C#判断webbrowser页面最终加载完成

    3. **JavaScript交互**:如果页面允许,可以通过执行JavaScript代码来判断页面是否准备好。例如,可以编写一个JavaScript函数检查所有图片是否加载完成,或者等待特定的DOM元素出现。然后,使用WebBrowser的`...

    javascript页面加载完执行事件代码

    在JavaScript中,可以通过监听document对象的readyState属性变化来判断页面是否加载完毕。readyState属性用于描述当前文档的加载状态,有以下几种值: - loading:页面正在加载中。 - interactive:页面已经完成DOM...

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    JavaScript判断DOM何时加载完毕的技巧

    本文将介绍几种判断DOM加载完毕的技巧,以便开发人员能够在合适的时机执行JavaScript代码。 ### 理解浏览器的渲染和操作顺序 在了解如何判断DOM何时加载完毕之前,首先需要知道浏览器加载网页的一般顺序。通常,...

    基于javascript原生判断DOM是否加载完毕

    本文主要介绍了如何使用JavaScript原生方法来判断DOM文档对象模型是否加载完毕。在前端开发中,确保在DOM加载完成后执行某些操作是非常常见和重要的。为此,我们可以通过JavaScript提供的一系列方法和属性来检测当前...

    JavaScript判断页面加载完之后再执行预定函数的技巧

    在网页加载过程中,JavaScript 代码的执行时机是非常关键的,因为如果在页面元素未加载完毕时执行,可能会导致错误或预期效果无法达成。本文将探讨如何在JavaScript中判断页面加载完成后执行预定的函数,以及使用...

    精确判断webbrowser是否加载完成demo(delphi)

    然而,如何准确判断WebBrowser组件是否已完全加载完毕,是许多开发者在实际应用中会遇到的一个问题。今天,我们将深入探讨这个问题,并提供一个解决方案。 首先,我们要理解WebBrowser组件的工作原理。它是基于...

    JavaScript & jQuery完美判断图片是否加载完毕

    尤其是在使用JavaScript和jQuery动态加载图片时,若不能准确判断图片是否加载完成,可能会导致页面布局错误或JavaScript程序出错。因此,本文详细探讨了如何使用JavaScript和jQuery来判断图片是否已经成功加载。 ...

    JavaScript判断图片是否已经加载完毕的方法汇总

    在JavaScript中,判断图片是否已经加载完毕是网页动态加载和处理图片时常见的需求。这有助于确保图片完全显示或执行依赖于图片加载完成的其他操作。以下是一些常用的方法,适用于不同的浏览器环境: 1. **onload...

    js 判断脚本加载完毕的代码

    ### JavaScript 判断脚本加载完毕的方法 在网页开发过程中,我们常常需要动态地加载外部JavaScript文件,例如jQuery库或其他自定义脚本。为了确保这些脚本加载完成后才执行某些操作,比如DOM操作或者事件绑定等,...

    js判断图片加载完成后获取图片实际宽高的方法

    此外,这段代码可以在页面加载时执行,也可以在需要时动态执行,比如响应某个用户的操作。只要确保在图片加载完成之后再获取其尺寸即可。 在上述代码的基础上,如果希望减少代码量,可以进一步简化。例如,将图片...

    判断iframe里的页面是否加载完成

    当`iframe`内的所有资源(包括HTML、CSS、JavaScript、图片等)加载完毕时,`onload`事件会被触发。以下是一个简单的示例: ```javascript // 获取iframe元素,假设其ID为"RMid" var iframeElement = document....

    js页面加载进度条

    同时,`document.readyState`属性也可以用来判断页面的加载状态,如"loading"、"interactive"和"complete"。 2. **CSS动画**:为了实现动态效果,CSS3的`@keyframes`规则可以定义动画的过程,通过改变特定时间点的...

    判断在css加载完毕后执行后续代码示例

    在开发Web应用时,我们经常需要确保CSS样式表已经完全加载完毕后再执行特定的JavaScript代码,以保证页面的渲染效果符合预期。这个场景在提供的标题和描述中得到了体现,主要涉及了JavaScript、jQuery以及CSS加载的...

    javaScript实例自学手册486例,附带目录可方便搜索

    1.21 判断网页加载完毕.htm 1.22 嵌入网页的播放器.htm 1.23 设置指定网页为主页.htm 1.24 使用JavaScript传递页面参数.htm 1.25 页面被冻结.htm 1.26 页面的地震效果.htm 1.28 页面逐渐缩小.htm 1.29 页内...

    javascript经典特效---打开页面的等待(三).rar

    在JavaScript编程领域中,"打开页面的等待"通常是指一种用户体验优化策略,即在网页加载过程中展示一个加载动画或提示,以告知用户页面正在加载,提高用户体验。这种效果在资源密集型或者大型网页中尤为常见,因为...

Global site tag (gtag.js) - Google Analytics