社区首页 >问答首页 >如何检测网页何时加载?

如何检测网页何时加载?
EN

Stack Overflow用户
提问于 2009-02-06 07:50:24
回答 10查看 66.1K关注 0票数 22

我想要编写一个应用程序来检测何时在浏览器中加载页面,然后我应该能够在加载的网页上插入内容?谁有办法做到这一点?

请注意,我应该能够在任何浏览器(Firefox/IE)中执行此操作。

我应该使用哪种语言来帮助我做到这一点?

如何从外部应用程序中检测到这一点?

我应该如何将其与浏览器集成?

EN

回答 10

Stack Overflow用户

发布于 2009-02-06 07:55:15

你可以使用javascript来做这件事。如果你不知道如何使用javascript,我建议你通过some tutorials first来阅读。

在您对javascript有了基本的了解之后,您可以通过使用window.onload事件来检测页面何时加载。

代码语言:javascript
代码运行次数:0
复制
window.onload = function() {
  addPageContents();  //example function call.
}

编辑:如果你想添加多个onload函数,而不是使用javascript库,你可以包装你自己的onload处理程序。

代码语言:javascript
代码运行次数:0
复制
window.whenloaded = function(fn) {
  if (window.onload) {
    var old = window.onload;
    window.onload = function() {
      old();
      fn();
    }
  } else {
    window.onload = fn;
  }
}
票数 28
EN

Stack Overflow用户

发布于 2009-02-11 08:18:30

为什么不使用监听器呢?

代码语言:javascript
代码运行次数:0
复制
// Everything but IE
window.addEventListener("load", function() {
    // loaded
}, false); 

// IE
window.attachEvent("onload", function() {
    // loaded
});

通过这种方式,您可以添加任意数量的侦听器,还可以分离它们!removeEventListenerdetachEvent

票数 19
EN

Stack Overflow用户

发布于 2009-02-06 07:55:32

比onload更好的是使用现有框架的函数,因为onload有时会在加载所有资源(图像等)后响应,而不仅仅是页面。

例如jQuery:

代码语言:javascript
代码运行次数:0
复制
$(document).ready( function() {
    // do stuff
})
票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/520812

复制
相关文章
imagesLoaded – 检测网页中的图片是否加载
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
李维亮
2021/07/09
1.7K0
如何采集javascript动态加载网页
从一个运行 javascript 的网站加载所有数据来加载内容,目前的问题是当运行启动代码时它无法加载 javascript 内容,因为用户应该向下滚动才能加载。如何编写启动代码来滚动整页呈现 javacript 并返回 html呢?
jackcode
2023/05/24
9870
如何采集javascript动态加载网页
如何通过预加载器提升网页加载速度
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能有20%的提升。 它并不是一门新技术,有人认为只有 Chrome 才具备这个功能。也有人认为它是有史以来提升浏览器性能最有效的方法。如果你第一次接触预加载器,也许心中已经有了无数个问号。什么是预加载器?它是如何提升浏览器性能的? 首先需要了解浏览器是如何加载网页的 一个网页的加载依赖于脚本文件、CSS样式文件。
wangxl
2018/03/08
2.7K0
如何通过预加载器提升网页加载速度
如何通过预加载器提升网页加载速度
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能有20%的提升。 它并不是一门新技术,有人认为只有 Chrome 才具备这个功能。也有人认为它是有史以来提升浏览器性能最有效的方法。如果你第一次接触预加载器,也许心中已经有了无数个问号。什么是预加载器?它是如何提升浏览器性能的? 首先需要了解浏览器是如何加载网页的 一个网页的加载依赖于脚本文件、CSS样式文件。
葡萄城控件
2018/01/10
2.8K0
如何通过预加载器提升网页加载速度
爬虫如何抓取网页的动态加载数据-ajax加载
本文讲的是不使用selenium插件模拟浏览器,如何获得网页上的动态加载数据。步骤如下: 一、找到正确的URL。二、填写URL对应的参数。三、参数转化为urllib可识别的字符串data。四、初始化Request对象。五、urlopen这个Request对象,获得数据。
震八方紫面昆仑侠
2020/07/23
5.4K0
爬虫如何抓取网页的动态加载数据-ajax加载
网页image资源如何判断加载完毕
在之前的工作中,越大过这样的场景,在做banner图的时候,使用的定位,实现图片的淡入淡出和放大效果,
天天_哥
2018/09/29
1.5K0
【网页内容检测】如何利用腾讯云COS对网页内容安全检测审核API接口?
本接口用于提交一个网页审核任务。网页审核功能为异步任务方式,您可以通过提交网页审核任务审核您的网页,然后通过查询网页审核任务接口查询审核结果。
TCS-F
2022/01/07
4.4K0
【网页内容检测】如何利用腾讯云COS对网页内容安全检测审核API接口?
提升网页加载速度
2、根据百度统计的提示,减少首页重定向。(重定向一次相当于发送2个请求,请求越多,响应越慢)
收心
2022/01/19
9690
WPF/WinForm中加载网页的几种方式及如何加载Flash库(WebBrowser/CEF)
https://docs.microsoft.com/zh-cn/microsoft-edge/webview2/get-started/wpf
码客说
2022/06/12
4K0
WPF/WinForm中加载网页的几种方式及如何加载Flash库(WebBrowser/CEF)
检测网页编码+读取网页内容 原
import chardet #字符集检测 import urllib.request # 网址 url = "http://www.baidu.com/"
双面人
2019/04/10
1.6K0
如何检测本页中的iframe是否“加载”完成
这其实是上一篇"iframe框架取值兼容ie/firefox/chrome的写法"的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> <head> <title>框架内页</title> </head> <body> <div> <input id="txt
菩提树下的杨过
2018/01/23
3.6K0
延时加载 JS 代码,提高网页加载速度
如果网页中存在大量的 javascript 代码会极大的影响网页的访问速度,下面就简单介绍一下如何延时加载 js 代码提高速度。
Yangsh888
2022/03/28
7.8K0
aardio初体验-加载网页
前言 官网:https://www.aardio.com/ 使用IE内核加载网页 import web.form; /*DSG{{*/ var winform = win.form(text="WebBrowser";right=1365;bottom=767) winform.add() /*}}*/ var wb = web.form( winform ) web.form.gpuRendering(true,11001); wb.go("https://www.psvmc.cn/zjtools/
码客说
2022/03/29
1.8K0
IOS 使用UIWebView加载网页
1 class ViewController:UIViewController, UIWebViewDelegate { 2 3 override func viewDidLoad() { 4 super.viewDidLoad() 5 // Do any additional setup after loading the view, typically from a nib. 6 7 let bounds = UIScreen.main.bounds 8 let frame = CG
用户5760343
2019/07/08
1.1K0
利用chardet检测网页编码
需要先下载chardet并进行安装,下载地址:https://pypi.python.org/packages/source/c/chardet/chardet-2.3.0.tar.gz
全栈程序员站长
2022/07/15
5320
preloadjs实现网页资源预加载
<!doctype html> <html lang="zh"> <head> <title>PreloadJS的基础使用</title> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> </sty
用户1055830
2018/04/18
3.3K0
preloadjs实现网页资源预加载
网页编码显示与CSS加载
[TOC] (1) HTML编码规范 用两个空格来代替制表符(tab),嵌套元素应当缩进一次(即两个空格); 属性的定义确保全部使用双引号,绝不要使用单引号 不要省略可选的结束标签(closing tag),除了单标签还是需要注意在其尾部加上斜线; 尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。 HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性。 #class 用于标识高度可复用组件,因此应该排在首位。 #id 用于标识具体组件,
全栈工程师修炼指南
2022/09/28
1.6K0
网页图片加载错误的处理
在网站中,经常会遇到一种情况,很多图片要么因为图片地址本身指向一个未知地址(404地址),要么因为图片服务器自身的原因未能给img返回正确的图片文件流,就会导致图片错误或者alt信息,如果没有给相应的img设置宽高,甚至还会影响整个页面的布局,针对以上问题,我们可以采用监听图片的error事件然后做相应的处理。如:
fastmock
2022/07/13
1.1K0
何时使用Serverless,何时使用Kubernetes
我经常被问到的一个问题是:我应该使用Serverless还是Kubernetes来构建云原生应用程序?两种计算选项都有利有弊,这取决于您的需求,您应该选择哪种选项。
February
2018/11/23
1.7K0
点击加载更多

相似问题

如何检测WebBrowser控件中的网页何时完成加载?

20

检测网页何时更新

12

如何检测内容何时加载?

35

检测网页何时完全加载了网页浏览器控件c#

14

如何检测何时重新加载

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文