DOM <object>上的DOMContentLoaded在边缘中不起作用
。
DOMContentLoaded是一个DOM事件，表示当初始的HTML文档被完全加载和解析完成后，DOM树已经构建完成，但是外部资源（如图片、样式表、脚本等）可能还没有加载完成。它通常用于在页面加载完成后执行一些JavaScript代码。
<object>元素是HTML中的一个标签，用于嵌入外部资源，如图像、视频、音频等。然而，<object>元素的加载行为与其他DOM元素不同，它在不同浏览器和边缘环境中可能会有一些限制和差异。
在边缘环境中，<object>元素的DOMContentLoaded事件可能不会触发，这是因为边缘环境可能对<object>元素的加载行为进行了特殊处理或限制。这可能是由于安全性或性能方面的考虑。
如果需要在<object>元素加载完成后执行JavaScript代码，可以考虑使用其他事件，如load事件。load事件在<object>元素及其包含的资源完全加载完成后触发，可以确保在<object>元素加载完成后执行相应的操作。
总结起来，DOM <object>上的DOMContentLoaded在边缘中不起作用，可以考虑使用load事件来代替。
相关·内容
1回答
Puppeteer:一旦一个特殊的元素已经出现，就不要再等待一个缓慢的页面
javascript、puppeteer、pyppeteer
我需要访问一些独立的URL，其中页面的元素加载非常慢。完成整个页面的加载通常需要几分钟时间。然而，这个页面只有一小部分是有用的。有用的部分可以通过页面上的某个选择器来指示。因此，我想知道我是否可以告诉木偶人停止等待页面，一旦键选择器已经出现，以加速速度。有很多答案告诉我们应该使用await page.waitForSelector('.class_sample');
所以我这样使用它：
page = await browser.newgpae();
await page.goto('example.com/xxx.html');
await page.waitF
浏览 0提问于2020-06-17得票数 0
3回答
当document.body存在时执行js
javascript
我在文档头部分有这样的脚本。
<html>
<head>
<title>Javascript Tests</title>
<script type="text/javascript">
var mySpan = document.createElement("span");
mySpan.innerHTML = "This is my span!";
mySpan.style.color = "red
浏览 1提问于2014-04-11得票数 1
回答已采纳
4回答
什么是DOM就绪事件？
javascript、domready
一旦收到页面内容(整个HTML元素)，我就需要启动一个脚本，但它还不需要呈现。
我认为，只要在我的页面顶部执行一些代码的简单<script>标记就可以做到这一点？
以不同的方式表述这个问题: DOM就绪是否意味着所有元素和资源都已被并呈现为
浏览 14提问于2012-09-28得票数 22
回答已采纳
1回答
在没有JQuery的情况下加载HTML体之后调用JavaScript脚本的最好方法是什么？
javascript、html、events、dom
我有一个有点大的.js文件，当前在HTML页面的页眉中调用它，但它无法执行，因为在调用脚本时元素还没有加载。实现这一点的最佳方式是什么？我试着添加了
document.addEventListener("DOMContentLoaded", load, false);
添加到脚本中，但这似乎不起作用。在页脚或内联中调用脚本不是一个选项，JQuery也不是。
浏览 0提问于2016-03-24得票数 0
1回答
有没有可能让body onload事件更快？
javascript、javascript-events
我有这个代码来在页面load.but上自动提交表单，它需要大约20秒，以便在页面完全加载后进行提交。
我做错什么了吗？如果不是，如何绕过20秒的延迟？我们能让body onload事件更快吗？
代码：
<html>
<body onload="document.forms['loginform'].submit();">
<form id="loginform" name="loginform" action="https://login.url.com" method="p
浏览 2提问于2011-04-25得票数 0
回答已采纳
4回答
如何使警报()；显示后，页面已完全加载？
javascript
我的背景：我是Javascript的新手。我以前使用过一些Jquery，但是我尝试学习纯香草Javascript而不使用库。
我的软件：，我使用的是最新的方括号文本编辑器和最新版本的。
问题:在页面完全加载和显示后，我正在尝试显示一个alert();。该警报总是在显示页面之前运行。只有在我关闭警报后，页面才会显示。
My Research: --我尝试过许多不同的解决方案，其中几乎没有一种是有效的；但是，当解决方案确实工作时，我的一些其他Javascript语句就停止工作了。我尝试了以下解决办法：
将我的脚本标记放在页面底部
在我的.js文件中创建卸载事件
window.onload
浏览 6提问于2017-06-22得票数 1
2回答
我应该使用window.onload事件吗
javascript、html、dom-events
也许这是一个重复的问题，但我想问。
我想制作一个不使用第三方库的JS应用程序，以便在浏览器中学习JS事件。
所以我把我的应用构建成这样：
var APP = APP || (function (global) {
return {
digitsField: {},
// other properties, methods
init: function (config) {
try {
this.digitsField = global.getElementById('digitsField&
浏览 2提问于2015-01-11得票数 0
回答已采纳
2回答
加载页面后，要添加什么事件侦听器来执行一段代码？
javascript、html、addeventlistener
我有一个单独的Javascript，它在标签下的相关html中提到。在Javascript文件中，我编写了一段代码，直到现在，当我单击一个按钮时，它才会执行。代码如下所示： document.getElementById('destination').addEventListener('submit', (event) => {//my code here}); 这里的“目标”是textbox的名称。但是，我想删除这个文本框和按钮，并在如下代码中执行这段代码： document.addEventListener('load', (even
浏览 35提问于2021-08-14得票数 0
4回答
JavaScript -加载整个网页而不是特定的div
javascript、jquery、html、css
我是JavaScript的新手，我确信这是一个非常简单的修复。我根据所单击的按钮动态地更改div内容。这个示例在JSFiddle中可以工作，但是当我把它放到我的PC上时，即使我用$(window).load(function(){ ... })包装JS，它也会加载整个网页
我的HTML：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script
浏览 0提问于2017-09-20得票数 1
2回答
文档头中的脚本总是在DOMContentLoaded触发之前执行吗？
javascript、dom、domcontentloaded
在以下文件中，
<!doctype html>
<html>
<head>
<script language="javascript" src="example.js"></script>
</head>
<body>
</body>
</html>
其中example.js是：
document.addEventListener('DOMContentLoaded', function () {
conso
浏览 0提问于2018-04-19得票数 2
回答已采纳
1回答
未定义Map对象的问题
javascript、html
我正在为一个游戏创建一个角色类，但是当我尝试做任何事情时，它都不起作用。只有当页面完全加载时，才会发生这种情况。
在正常情况下，如果我在加载DOM内容时运行它，它就能工作，但是如果我等待这么长时间，游戏字符有时会产生未加载或处于加载状态的图像。它扭曲了正确的形象。
类：
class Skeleton {
constructor(updateFunction) {
this.Faces = new Map();
this.LeftSides = new Map();
this.RightSides = new Map();
浏览 1提问于2022-09-25得票数 0
回答已采纳
7回答
$(document).ready()过早触发
javascript、jquery、dom
所以，我需要知道javascript元素的宽度，我的问题是这个函数太早触发，当css被整体应用时，宽度会发生变化。据我所知，$( document ).ready()函数是在文档完成时触发的，但它似乎不是这样工作的。
无论如何，我相信通过代码我的问题将会被理解(这是一个简化的例子)：
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"><
浏览 0提问于2012-02-04得票数 35
回答已采纳
3回答
浏览器如何部分加载DOM和CSSOM？
html、performance、google-chrome、dom
首先让我简单地概述一下它是如何加载的，然后我会问关于这个的问题。
DOMContentLoaded浏览器获取HTML => 解析html => 创建节点 => 解析节点，并开始将它们转换为DOM元素 => 查找样式节点，因此在完成解析时开始创建CSSOM <代码>E 29</代码> => </code>E 110</code>，如果有样式标记等待其构造CSSOM树<代码>E 211</代码> => <代码>E 112</代码>E112</code>，并
浏览 1提问于2015-12-12得票数 5
回答已采纳
1回答
只使用javascript加载元素时触发函数
javascript、dom-events
我知道当元素加载jQuery时如何触发函数，但似乎无法在纯Javascript中找到它。我想做的这是JS。
因此，当一个元素加载时，我知道如何在jQuery中触发一个函数，但我想在Javascript中这样做。我想做的是纯Javascript。
$('img').load(
function(){
//do stuff
})
浏览 0提问于2017-09-09得票数 1
回答已采纳
3回答
Chrome扩展:添加站点加载后无法工作的事件侦听器
javascript、dom
我正在构建一个Chrome扩展，为我经常使用的网站添加一些快捷功能。我试着调用我的addTypingListeners()将div与我添加到我正在处理的编辑页面的标题和副标题中的两个输入绑定在一起。然而，我似乎从来没有进入过document.eventListener闭包。
我的Chrome扩展在document_idle上运行，所以在我的附加代码运行时，内容应该已经加载了。如何才能将这些侦听器嵌入到页面中？
即使我不调用addTypingListeners()，我仍然可以在控制台中看到a和b日志
function addTypingListeners() {
console.log(
浏览 2提问于2020-01-13得票数 4
2回答
Opera中的JavaScript作用域问题？
javascript、opera
我有一个类似小部件的HTML+JavaScript块，人们可以将其复制/粘贴到他们的HTML页中一次或多次。该块检查外部JavaScript文件是否已经在DOM中，如果没有，则加载它，如下所示：
(function(){
d = document;
if (!d.getElementById('ex-scr')) {
scr = d.createElement('script');
scr.async = true;
scr.id = 'ex-scr';
scr.src = 'external.js
浏览 4提问于2010-08-29得票数 4
回答已采纳
1回答
DOMContentLoaded/load (event)，如何提高速度。
html、ajax、performance
我正在尽我所能提高页面的加载速度，尤其是ajax加载的组件。
在firebug中，我的输出如下所示
我不能完全确定我是否正确地理解了这一点，但对于DOMContentLoaded，它可能是+2.19s (或者，如果我们应该从等待响应中子跟踪它，它可能只是.8 )。
但对于“load”(事件)，则为4.67秒。
这两种方法看起来都需要很长的加载时间。
我还不能弄清楚是什么导致了这种情况。这些数据来自加载一个直接的html页面，我通常通过ajax加载。但这只是HTML。页面中没有javascript，并且页面是直接加载的，而不是通过ajax请求加载的。
但是，当我确实通过ajax加载此页面时，我发
浏览 0提问于2009-07-31得票数 5
回答已采纳
3回答
window.onload在Javascript中的位置
javascript、html
我有一个像这样的javascript代码
<script type="text/javascript">
window.onload=myFunction;
</script>
在<head></head>标记中和在</body>标记之前使用上面的代码片段有什么不同，因为我想在页面加载后调用我的函数。
浏览 1提问于2012-03-19得票数 3
回答已采纳
1回答
网页什么时候第一次出现？
events、dom、web、load
我想知道网页何时第一次出现，尤其是与DOMContentLoaded或Load事件有关的事件。
如果我知道所讨论的事件，那么在此之前，我可以将HTTP请求最小化，然后再延迟加载资源。我在这个问题上的知识是有限的，我知道这是一个非常广泛的话题，但我更想要一些实用的信息。
浏览 4提问于2015-03-09得票数 0
回答已采纳
1回答
为什么加载事件出现在DOMContentLoaded之前
html、dom、load、domcontentloaded
简单文件
<html lang="en">
<body>
<div>xxx</div>
</body>
</html>
我发现Load事件出现在DOMContentLoaded之前，我很困惑。
我知道加载事件将在加载文档和静态资源时触发，而DOMContentLoaded将在加载文档时触发。这是否意味着负载总是出现在DOMContentLoaded之后？
浏览 3提问于2021-10-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
