html加载js文件，是加载完成才会调用js文件内的方法吗？

作者站长头像
站长
· 阅读数 8

请问，在使用引入js文件的方法时，这样写是否能确保引入成功之后，再进行里面方法的使用呢？

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
        <!--   引入该JS，全局注入getMetaInfo方法   -->
    <script type="text/javascript" src="https://example.com/web_sdk_js/js_all.js" ></script>
  </head>
  <body>
  <div></div>
    <script>
      // 调用window.getMetaInfo()
      var MetaInfo = window.getMetaInfo();
      console.log(MetaInfo);
    </script>
  </body>
</html>

这里有先引入远程的js文件，然后再使用getMetaInfo() 这个方法。

1.请问下，这样写的话，是顺序执行的是吗？是加载了js文件之后，再调用方法是吗？不会造成还没有加载完成，就调用方法吧？

2.如果不能保证，那么如何写代码才能确定加载完成再执行方法？

回复
1个回答
avatar
test
2024-07-11

是的，普通 <script> 会阻塞渲染，所以题目中的两段 JS 会顺序执行。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容