请问,在使用引入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.如果不能保证,那么如何写代码才能确定加载完成再执行方法?
是的,普通
<script>
会阻塞渲染,所以题目中的两段 JS 会顺序执行。