onload 相关问题

我需要知道Facebook页面插件何时加载，因为有时需要花费很多时间，并且会留下空白。我已经按照 facebook 所说嵌入了页面插件我需要知道Facebook页面插件何时加载，因为有时需要花费很多时间，并且会留下空白。我已经按照 facebook 所说嵌入了页面插件 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.4&appId=XXXXXXX"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 然后作为 facebook 的示例： <div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div> 它工作正常，但我需要知道它何时加载，这样我才可以显示它。更新很多天后，我只是隐藏该框并在 1 分钟后显示它，但有时它仍然无法加载页面。有什么想法吗？谢谢！使用此代码： window.onload = function() { FB.Event.subscribe('xfbml.render', function(response) { console.log('rendered.... finally!'); }); }; 函数 isFbMessengerLoaded() { 返回 typeof FB !== '未定义' && typeof FB.XFBML !== '未定义' && typeof FB.XFBML.parse !== '未定义'; }

jquery facebook onload

回答 2 投票 0

如何在React中获取所有页面内容真正加载的时间？

在浏览器工具中，我看到事件 DOMContentLoaded 和 Load 在加载网站上的任何图像和字体之前同时触发。我的目标是聆听所有页面内容的那一刻......

javascript css reactjs browser onload

回答 0 投票 0

无法使用 Edge 或 Firefox 突出显示此网页上的单个单词

我是 javascript 的半新手，所以我希望不会迷失在建议的答案中。我有一个网站，我试图找出为什么我无法左键单击并拖动以突出显示单个单词。网页...

javascript onload

回答 1 投票 0

脚本标签中的onload事件未触发

作为序言，我已经查看了 SO 上有关此问题的现有帖子，我相信我的代码包含了所有建议的修复，但它仍然不起作用。我正在尝试获取一个简单的 onload 事件...

javascript onload script-tag

回答 3 投票 0

如何使用reactjs / nextjs在window.onload事件之后加载脚本

我正在尝试优化我的google pagespeed Insights分数，我得出的结论是延迟nextjs的NextScript还不够好，它仍然会导致糟糕的LCP和TII。我有

javascript reactjs next.js onload pagespeed

回答 2 投票 0

我可以在加载和更改时运行 jQuery 函数吗？

我想在第一次页面加载时运行脚本（对于选择元素的默认值），然后在每次更改选择元素时运行脚本。是否可以在一行中完成，或者我需要重复功能...

jquery events onload

回答 4 投票 0

`window.onload`可以容错吗？有更好的选择吗？

我正在创建一个网页，其中嵌入了多个 GeoGebra 文件。这意味着对于每个 GeoGebra 小程序，我在中有一个元素以及用于配置它的关联脚本... 我正在创建一个网页，其中嵌入了多个 GeoGebra 文件。这意味着对于每个 GeoGebra 小程序，我在 <div> 中都有一个 <body> 元素，并带有关联的脚本来配置它；在 <body> 的末尾，我有以下脚本，将所有小程序添加到其关联的 <div> 中： <script> window.onload = function() { applet_0.inject('ggb-element-0'); applet_1.inject('ggb-element-1'); applet_2_NoLimit.inject('ggb-element-2-NoLimit'); applet_2_YesLimit.inject('ggb-element-2-YesLimit'); applet_3.inject('ggb-element-3'); applet_4_Flat.inject('ggb-element-4-Flat'); applet_4_Faster.inject('ggb-element-4-Faster'); }; </script> 我注意到，如果脚本的前六行中的任何一行失败，例如，如果无法加载关联的文件，则失败行后面的所有行都不会执行。即使其中一个嵌入出现问题，我也想让这项工作正常进行。我已经发现我不能有多个 window.onload 命令（只执行最后一个）。有没有其他方法可以使其更具容错性？您可以通过调用 window.addEventListener 而不是设置 window.onload 来拥有多个加载事件侦听器。通过这种方式添加的监听器会按照添加的顺序执行。通过提供 {once: true} 作为第三个参数，事件侦听器将在调用后自动删除。在您认为合适的加载事件被触发之前，可以将侦听器添加到代码中的任何位置。例如，前两个侦听器可以通过以下方式添加 addEventListener('load', ()=> applet_0.inject('ggb-element-0'), {once: true}); //... addEventListener('load', ()=> applet_2_NoLimit.inject('ggb-element-2-NoLimit'), {once: true}); // etc... 你可以用 try {} catch {} 语句包裹每一行，但这需要大量的复制粘贴，而且代码会非常混乱。但是，如果您创建一个辅助函数，则可以在不使代码不可读的情况下实现： function evalFunction(scopeCode) { return new Function(scopeCode); } function runThroughErrors(code) { if(typeof code != "string") throw TypeError("Parameter 'code' is not a string"); let lines = code.split(/\r\n|\r|\n/g), func = ""; for(let line of lines) { let pat = /^#!/, lnCode = line.replace(pat, ""); func += pat.test(line)? lnCode+"\n" :`try { ${lnCode} } catch(err) { // Do something with the error. // This will be run with each ignored error. }` } return evalFunc(func); } document.body.addEventListener("load", runThroughErrors(` applet_0.inject('ggb-element-0'); applet_1.inject('ggb-element-1'); applet_2_NoLimit.inject('ggb-element-2-NoLimit'); applet_2_YesLimit.inject('ggb-element-2-YesLimit'); applet_3.inject('ggb-element-3'); applet_4_Flat.inject('ggb-element-4-Flat'); applet_4_Faster.inject('ggb-element-4-Faster'); `)); 用法是将 JavaScript 代码以字符串格式作为参数传递给 runThroughErrors 函数。该函数返回一个包含您的代码的 JS 函数，但错误将被忽略。重要（使用runThroughErrors）错误捕获断点位于行的每一端（如果是默认模式行）。在每个语句后面添加行尾，不支持多行语句。 evalFunction函数用于计算没有局部作用域的函数。请勿将其移除。有两种线路模式： default - 捕获该行的错误，但 let 和 const 变量不会保存以供下一行代码使用。不捕获 - 该行的错误不会被捕获，但所有变量都会被保存以在下一行代码中使用。通过在该行前添加 #! 前缀即可在单行上启用该模式。注意，我将您的window.onload = …更改为页面完成加载时触发的事件的正确语法。

javascript onload

回答 2 投票 0

onload 相关问题

最新问题