当前位置: 首页 > 知识库问答 >
问题:

javascript - 页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码?

彭修筠
2023-12-12

页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码。

<!DOCTYPE html><html>  <head>    <title>Delayed JavaScript Loading</title>  </head>  <body>    <h1>Delayed JavaScript Loading Example</h1>    <script>      setTimeout(function() {        var script = document.createElement('script');        script.src = 'a.js';        document.body.appendChild(script);      }, 1000); // 10秒钟的延迟时间    </script>  </body></html>

a.js中用onload是没效果的。

window.onload = function() {  console.log("123");};

共有2个答案

法兴德
2023-12-12
document.addEventListener("DOMContentLoaded", function(event) {  console.log("a.js文件中的代码在主页面加载完成后执行");});
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/DOM...
佴波鸿
2023-12-12

用 DOMContentLoaded 事件试试:

function myFunction() {  console.log("页面已加载完毕,执行代码");}if (document.readyState === 'loading') {  document.addEventListener('DOMContentLoaded', myFunction);} else {  myFunction(); // DOMContentLoaded 已触发}
 类似资料:
  • 现在的大多数的Web应用程序是使用Ajax技术。当一个页面被加载到浏览器时, 该页面内的元素可以在不同的时间点被加载。这使得定位元素变得困难, 如果元素不再页面之中,会抛出 ElementNotVisibleException 异常。 使用 waits, 我们可以解决这个问题。waits提供了一些操作之间的时间间隔- 主要是定位元素或针对该元素的任何其他操作。 Selenium Webdriver

  • 我试图创建一个等待加载页面的方法,但我出现了一个错误。可能我没有正确使用这个方法。 错误是:

  • 我试过下面的方法,但效果不理想。

  • 本文向大家介绍jQuery EasyUI 页面加载等待及页面等待层,包括了jQuery EasyUI 页面加载等待及页面等待层的使用技巧和注意事项,需要的朋友参考一下 下面一个代码片段是 easyUI 页面加载等待,代码如下所示: 下面看个工具类 基于easyui的页面等待提示层,即mask 效果图: 以上所述是小编给大家介绍的jQuery EasyUI 页面加载等待及页面等待层,希望对大家有所帮

  • 问题内容: 您如何使Selenium 2.0等待页面加载? 问题答案: 你可以期望显示一些元素。类似于C#:

  • 问题内容: 我编写了一个脚本,该脚本从页面中获取数据,但是有时页面需要花费一些时间来加载,因此当将html拉到汤对象中时,有时它什么也不会拉,因为页面仍然需要完成。 我编写了以下代码以等待页面完成。 有用 但是调用函数时出现以下错误; 问题答案: 我认为您应该这样使用: 如手册所述。