文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Javascript函数执行之前完全加载DOM？

问如何在Javascript函数执行之前完全加载DOM？
EN

Stack Overflow用户

提问于 2021-01-26 19:08:06

回答 1查看 70关注 0票数 0

大家好，

我尝试附加到HTML正文，但收到以下错误：

未捕获的(siqnewchatwindow_54070f598ef9af5a609d9bc4e251b4d9_.js:1)：无法在HTMLIFrameElement.e.onload (floatbutton_acd56171301bf02d890bd9f348e00b8e_.js:1)的Object.setDStorageIframe TypeError读取未定义的属性'append‘

如果我理解正确的话，是因为javascript在html加载到页面之前就执行了吗？

我的完整html代码如下：

 <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  </head>
  <body>
    <div class="dropdown">
      <button  class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
        Go to unit
      </button>
      <ul id="dropdown" class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
        <li>Unit</li>
      </ul>
      </div>
      <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>

我的Javascript代码：

ZOHO.CREATOR.init()
.then(function(data) {
var queryParams = ZOHO.CREATOR.UTIL.getQueryParams();
            var config = {
            reportName : "All_Units", 
            id : queryParams.development_id,
            criteria : "(Development == " + id + ")",
        }
    return config;
        }
    )
    .then((config) => {
        ZOHO.CREATOR.API.getAllRecords(config)
        .then(function(response){
            console.log("Executing API Function...");
            console.log(response.data);
            var unit = {
              unitNo : "Unit_Number"
            }
            $('#dropdown').append(
              '<div>' + unitNO +'</div>'
            );
})
});

任何帮助都将不胜感激。

javascript

html

回答 1

Stack Overflow用户

发布于 2021-01-26 19:36:58

你可以监听window对象上的load事件，然后执行任何代码。

window.addEventListener('load', (event) => {
  // execute the rest of the code
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65900188

复制

相似问题

问如何在Javascript函数执行之前完全加载DOM？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Javascript函数执行之前完全加载DOM？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Javascript函数执行之前完全加载DOM？
EN