`
liqita
  • 浏览: 291274 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js监控页面加载完成后执行action

阅读更多
//Some scripts require that you run something immediately after the web page finishes loading. 

var start;

window.onload = function () {

  

if(document.all) {//

简单判断是否是IE

    

start = setInterval('init()', 200);

  

} else {

      

var element = document.getElementById("fade");

      

element.style.display="none";

  

}

};

 

function init() {

 if (document.readyState == "complete") {

    

try{

        

    

var element = document.getElementById("fade");

        

    

element.style.display="none";

        

clearInterval(start);//

执行成功,清除监听
    

}catch(err){return true;}

 }

}

//

注:document.readyStatefirefox

中不起效果,

所以要用window.onload

时间出发firefox,

如果 window.onload 

确定是在页面加载完成后执行,
监控页面是否加载完成,就不需要 

//

这段代码了. 

 

if(document.all) {//

简单判断是否是IE

    

start = setInterval('init()', 200);

  

} 

现在不清楚 window.onload

是否是页面加载时 还是加载后执行,网上说是在加载后,执行...

 

分享到:
评论

相关推荐

    Chrome插件开发--后台监控网页并自动刷新,点击页面元素

    4. **浏览器动作(Browser Action)和页面动作(Page Action)**:提供用户界面,通常表现为浏览器工具栏上的图标,用户点击后可触发相应的JavaScript代码执行。 5. **选项页面(Options Page)**:允许用户设置插件...

    android html js相互调用

    例如,当页面加载完成后,可以注入一段脚本来改变页面的某些元素。 ```java webView.loadUrl("javascript:(function() { /* your js code here */ })()"); ``` 三、JavaScript与Android通信 1. ...

    Node.js in Action

    ### Node.js in Action #### 知识点概览 1. **Node.js 概述** - Node.js 的历史与特点 - Node.js 的核心优势:非阻塞I/O模型、事件驱动架构 - Node.js 在后端开发中的应用 - Node.js 社区的发展与贡献 2. **...

    Ajax in action

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。"Ajax in Action" 这本教材...

    Struts2+HighChart+Jquery远程加载 折线图

    这两种方法都允许我们从服务器获取数据而无需刷新整个页面,从而实现页面的动态更新。 1. `$.ajax()`方法提供了一种灵活的方式来发送异步HTTP请求。你可以设置各种参数,如URL、数据类型、请求类型等。在这个场景中...

    (2021-2022)年专题资料畜禽屠宰管理办公室肉类食品安全大检查工作汇报.doc

    4. **网页性能优化**:通过动态加载JavaScript,可以减少页面初始加载时间,提升用户体验。 5. **URL参数**:理解URL查询参数的用途,它们通常用于传递信息给服务器或在前端进行某些逻辑处理。 6. **安全和隐私**...

    AJAX in Action 源代码.zip

    **AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。"AJAX in Action"是一本深入探讨AJAX技术...

    Web界面数据动态刷新示例

    数据动态刷新通常通过Ajax(异步JavaScript和XML)技术实现,它允许Web应用程序在不重新加载整个页面的情况下与服务器交换数据并更新部分页面内容。在Ext.NET中,我们可以使用Ajax请求来定期从服务器获取新的数据,...

    fluxible-plugin-action-monitor:一个fluxible插件,允许开发者监控一个动作的进度

    而 `fluxible-plugin-action-monitor` 是 Fluxible 生态系统中的一个重要组件,其主要功能是帮助开发者监控应用中特定动作的执行进度,这对于大型复杂应用的调试和性能优化极其有用。 **一、Action Monitor 插件...

    mongoDB in action

    - **JavaScript Shell环境**:MongoDB自带一个JavaScript解释器,允许用户直接在命令行界面执行JavaScript代码来操作数据库。 - **基本操作**: - **连接数据库**:使用`mongo [host]:[port]/[database]`命令连接到...

    AJAX In Action(中文版)

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。在本资源中,“AJAX In Action”是一本专门...

    Cocos2d-X游戏【泰然网《跑酷》】JS到C++移植

    8. **性能监控**:在完成移植后,需要通过性能监控工具,如Profiler,检查游戏的CPU和内存使用情况,确保优化效果达到预期。 文件"chapter7"可能包含的是游戏移植过程中的某一章节或阶段,具体内容可能涉及上述某个...

    javascriptRPC

    5. **接收响应**: 服务器接收到请求后执行相应的操作,然后将结果序列化后返回给客户端。 6. **处理响应**: 客户端接收到响应后,反序列化数据并处理结果。 在开发过程中,源码分析和调试工具是必不可少的。对于...

    Cocos2d-JS v3.0官方api文档

    10. **性能优化**:Cocos2d-JS提供了诸如帧率监控、内存管理、异步加载等工具,帮助开发者优化游戏性能。 11. **多平台支持**:Cocos2d-JS可以跨平台运行,包括Web、Android、iOS等,让游戏开发一次编码,到处运行...

    海康威视(15问).pdf

    在数据库操作中,通常会使用回调函数来处理数据库操作的响应,例如当完成一个插入或查询操作后,回调函数会被触发,允许开发者在数据库操作完成后执行相应的逻辑。 2. **介绍异步方案**:异步编程是一种不需要等待...

    performance-check-action

    针对标题"performance-check-action",我们可以推测这可能是一个关于性能监控或优化的JavaScript动作或者库。接下来,我们将深入探讨JavaScript中的性能检查相关知识点。 1. **JavaScript性能分析** JavaScript...

    chrome插件开发

    此外,还可以使用浏览器动作(browser action)或页面动作(page action)按钮,这些按钮会显示在浏览器的地址栏右侧,用户点击后可以触发相应的JavaScript函数。 在"myPlugin"这个压缩包中,我们可以假设它包含了...

    struts2+spring+hibernate+jquery+dwr+json

    在这个框架中,jQuery用于优化前端用户体验,例如动态加载数据、创建交互式表单和执行复杂的页面操作。 5. DWR (Direct Web Remoting):DWR允许在浏览器和服务器之间进行实时的JavaScript到Java的调用,无需刷新...

    web开发手册(css、jquery、struts2、spring、hibernate)

    在jQuery 1.9版本中,你将学习到如何使用选择器(Selectors)快速定位页面元素,利用方法(Methods)进行DOM操作,如$(document).ready()来确保代码在页面加载完成后执行。同时,了解事件处理如.click()和.keypress...

    警告灯红黄绿

    Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建交互式网页应用的技术,它允许页面部分刷新,而无需重新加载整个页面。这大大提升了用户体验,因为用户可以在等待新数据加载的同时...

Global site tag (gtag.js) - Google Analytics