开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

window.onload在注入的Javascript中没有触发吗？

window.onload是一个事件，当整个页面及其所有资源（如图片、样式表、脚本等）都加载完成后触发。在注入的JavaScript中，如果window.onload没有触发，可能有以下几个原因：

脚本注入时机不正确：如果脚本注入的时机过早，可能会导致window.onload事件还未注册就被触发了。可以尝试将脚本注入放在页面加载完成后再执行的位置，例如将脚本放在<body>标签的末尾。
异步加载脚本：如果注入的脚本是通过异步加载的方式，可能会导致window.onload事件已经触发完毕，而注入的脚本还未加载完成。可以使用defer或async属性来控制脚本的加载行为，确保脚本加载完成后再执行相关逻辑。
脚本注入错误：注入的脚本代码中可能存在语法错误或逻辑错误，导致脚本执行过程中出现异常，从而阻止了window.onload事件的触发。可以检查注入的脚本代码是否正确，并通过浏览器的开发者工具查看是否有相关错误提示。

总结起来，如果在注入的JavaScript中没有触发window.onload事件，可以检查脚本注入时机、脚本加载方式和脚本代码本身是否存在问题。另外，可以使用其他方式来替代window.onload事件，如使用DOMContentLoaded事件等。

相关搜索:addEventListener在javascript中不触发 javascript - if没有在应该触发的时候触发 Javascript window.onload在iOS强制门户/网络中不起作用 javascript触发器可以点击qml中的组件吗？jQuery的"uploadProgress“没有在"$.ajax”中触发 Window.onload在JSP中是如何工作的？WPF DataTrigger没有在NotifyProperyChanged上触发吗？可以在JavaScript中禁用javascript吗？在JavaScript forEach函数中没有发生返回吗？在javascript中从条件触发模式

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Js框架设计之DomReady

一、在介绍DomReady之前,先了解下相关的知识 1、HTML是一种标记语言,告诉我们这页面里面有什么内容,但是行为交互则要通过DOM操作来实现,但是注意:不要把尖括号里面的内容看作是DOM! 2、HTML是要通过浏览器解析之后才会转换成为DOM节点一般地,但我们向浏览器中输入一个地址,开始加载页面到我们看到页面的内容为止,这期间就有一个DOM节点构建的过程(浏览器将HTML标签转换为DOM节点)。当前页面上的所有的HTML标签都转换成DOM节点,这就叫DOM树建完,简称为DOMReady. 3、浏

06

浏览器特性

window.onload 事件表示页面加载完成后才加载 JavaScript 代码。这里的 “页面加载完成” 指的是在文档装载完成后会触发 load 事件，此时，在文档中的所有对象都在 DOM 中，所有图片，脚本，链接以及子框都完成了装载。而 img.onload 仅仅指的是图片装载完成。

01

高性能JavaScript-JS脚本加载与执行对性能的影响

在web产品优化准则中，很重要的一条是针对js脚本的加载和执行方式的优化。本篇文章简单描述一下其中的优化准则。 1. 脚本加载优化 1.1 脚本位置对性能的影响优化页面加载性能的原则之一是将script标签放在body底部，这跟浏览器的渲染原理有关： js脚本的下载和执行会阻塞浏览器的解析。在较早时期，浏览器不支持并行下载的时候，js脚本的下载执行按照在html文档中的位置依次进行，可以想象当页面有大量js脚本时页面的加载有多慢； js脚本的下载会阻塞其他资源的下载，比如图片、外链css等。虽然目前大多数

09

前端知识普及之页面加载

如果大家想继续看下面的内容的话，有一个要求，就是回答我一个问题: 你这样写过代码吗？ window.onload = function(){ $(".gravatar").on('click',function(){ //... }); //以及其他操作DOM的节点 } 如果答案是 yes. 那么，bingo, 这里我们将深入讲解，这样写代码到底有没有IQ。如果答案是 No. 那么，2333333, 你也可以看一下。万一哪天用上了呢？可能会有童鞋反问，那么，我

09

从零开始搭建前端数据监控系统(二)-前端性能监控方案调研

1. 业界案例目前前端性能监控系统大致为分两类：以GA为代表的代码监控和以webpagetest为代表的工具监控。代码监控依托于js代码并部署到需监控的页面，手动计算时间差或者使用浏览器的的API进行数据统计。影响代码监控数据的因素有以下几种：浏览器渲染机制；浏览器对API的实现程度，比如performance API；工具监控不用将统计代码部署到页面中，一般依托于虚拟机。以webpageTest为例，输入需统计的url并且选择运行次url的浏览器版本，webpageTest后台虚拟机对url进

05

在WebKit中并行加载外部脚本译：

作者：Tony Gentilcore 原文：http://webkit.org/blog/1395/running-scripts-in-webkit/ WebKit 正式版已经正式支持HTML5中<script>标签的 async 和 defer 属性了。如此一来，我们就能在不阻塞网页中其它元素下载的情况下，以异步方式下载JavaScript，从而大大提高了网页加载速度。正常情况下，网页分析器检测到有外部脚本时，会暂停解析，并发起一个请求去下载该脚本，一直到这个脚本完全下载并执行之后解析才会继续进行。

07

Script标签的async和defer

之前有写过HTML页面渲染过程，知道了JavaScript是会阻塞DOM解析的，所以我们会把script标签放到底部防止阻塞HTML解析。其实script还有两个属性，async和defer，也是可以使得JavaScript和DOM和css同步加载。

03

再谈DOMContentLoaded与渲染阻塞—分析html页面事件与资源加载

浏览器的多线程中，有的线程负责加载资源，有的线程负责执行脚本，有的线程负责渲染界面，有的线程负责轮询、监听用户事件。

再谈DOMContentLoaded与渲染阻塞—分析html页面事件与资源加载

浏览器的多线程中，有的线程负责加载资源，有的线程负责执行脚本，有的线程负责渲染界面，有的线程负责轮询、监听用户事件。

02

jquery $(document).ready()与window.onload的区别

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

03

window的onload事件和domcontentloaded执行顺序

对于这些标签比如iframe 、img 、script标签，image对象等等，我们用的很多，都是在相应的元素加载完成之后执行的事件。下面我们讨论一下 window.onload、DOMContentLoaded的执行顺序问题。

01

浏览器原理0. 前言1. 解析过程2. 渲染树2.1 CSS样式计算2.2 构建渲染树3. 布局（重要）4. 重绘与重排（重要）5. paint（绘制）6. composite（重要）7. 浏览器加载

身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。

04

JS相关概念

1、CSS和JS在网页中的放置顺序是怎样的？（1）CSS 对于谷歌浏览器和Safari放在head里或body里都一样。因为它是在全部的样式表完全加载下来之后才开始渲染页面，将内容呈现在页面上。对于Firefox，head标签中的<link rel="stylesheet">行为与Chrome/Safari中完全一致，这些link标签全部加载完成之前，页面上不显示内容。而body标签中的<link rel="stylesheet">则不阻塞任何内容显示，会出现FOUC无样式内容闪烁。对于IE/Edge

02

h5中performance.timing轻松获取网页各个数据如dom加载时间渲染时长加载完触发时间

在控制台中输入window.performance.timing(html5的属性);

01

前端开发工程师有必须重视的几个性能指标

前端开发工程师有有必要重视的几个功用方针关于页面相应时间，有一条闻名的“2-5-8准则”。当用户访问一个页面：在2秒内得到照应时，会感觉系统照应很快；在2-5秒之间得到照应时，会感觉系统的照应速度还可以；在5-8秒以内得到照应时，会感觉系统的照应速度很慢，但可以承受；而逾越8秒后依然无法得到照应时，用户会感觉系统糟透了，进而选择脱离这个站点，或许主张第2次央求。关于一个网站如果期望抓住用户，网站的速度以及稳定性是首战之地的。从各式各样的前端监控平台中，你都可以获得页面许多的功用方针。本文将介绍

07

从 8 道面试题看浏览器渲染过程与性能优化

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图所示。

04

【前端】：async、defer、onload、DOMContentLoaded

The HTML <script> element is used to embed or reference executable code; this is typically used to embed or refer to JavaScript code.

02

addLoadEvent方法解析

onload方法在网页加载完毕时，会自动执行，但是该方法有个缺点就是只能执行一个方法。　　onload的限制　　比如下面的代码： <script type="text/javascript"> function func1(){ console.log("this is func1()"); } function func2(){ console.

09

JS --- 延迟加载的几种方式

标题：JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。　　　JS延迟加载有助于提高页面加载速度。

02

页面性能优化的五种办法

大部分用户希望网页能在 2 秒之内就完成加载。事实上，加载时间每多 1 秒，你就会流失 7% 的用户。如果加载需要太长时间，他们就会放弃访问。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭