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

请问,在使用引入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.8k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题