var script = document.createElement("script"); script.setAttribute("src", "script.js"); script.setAttribute("async", "false"); document.body.appendChild(script); 现在我用这种方式引入js脚本，但依然是异步的，如何使它同步？

要同步引入外部js文件是可行的 <script> document.write('<scr'+'ipt type="text/javascript" src="jquery.js"></sc'+'ript>'); </script> <script> //必须在另一个标签里才能调用引入的jQuery $... </script> 但是有很多限制： document.write只能在文档加载完成前用 document.write所引入的代码并不会在document.write之后立即执行，而是在它所在的script标签执行完成后才执行。字符串里的 script 必须拆开成如 scr'+'ipt 形式，以免被浏览器视为关闭标签。

动态载入js脚本的同步/异步问题

灰色v碰触

2.9k29221275

发布于
2016-10-20

更新于
2016-10-20

<head>
  <script>
    var src = 'js/test.js';
    var s = document.createElement('script');
    s.src = src;
    document.head.appendChild(s);
  </script>
</head>

async 属性看链接：链接描述

dollor

2.6k149

发布于
2016-10-20

要同步引入外部js文件是可行的

<script>
    document.write('<scr'+'ipt type="text/javascript" src="jquery.js"></sc'+'ript>');
</script>
<script>
    //必须在另一个标签里才能调用引入的jQuery
    $...
</script>

但是有很多限制：

document.write只能在文档加载完成前用
document.write所引入的代码并不会在document.write之后立即执行，而是在它所在的script标签执行完成后才执行。
字符串里的script必须拆开成如scr'+'ipt形式，以免被浏览器视为关闭标签。

xialeistudio

21.5k32658

发布于
2016-10-20

同步的话请使用 <script>标签，这个会阻塞浏览器

rozbo

5.1k1318

发布于
2016-10-20

用ajax可以实现。
比如jquery的

jQuery.getScript( url [, success(script, textStatus, jqXHR) ] )

或者直接自己用ajax写。

$.ajax({
  url: url,
  async:false,
  dataType: "script",
  success: function(){
     //ok
  }
});

fish

4k74878

发布于
2016-10-20

这本来就是异步加载的方式吧

同步：

<script src="a.js"></script>

yhhwpp

4814919

发布于
2016-10-20

appendChild的方法引入script都是异步的。
同步的话只能单独引入，或者把同步的javascript合并。

知之为知之

41

发布于
2019-05-28

更新于
2019-07-16

新手上路，请多包涵

demo.js自执行，依赖jqurery.js中的$全局变量，优先加载jquery.js，再加载demo.js同步加载处理方法

第一种方法：纯js同步加载先后加载jqurery.js和demo.js。

var jqr = document.createElement('script');
jqr.type = 'text/javascript';
jqr.async = false; // 异步加载 true
jqr.src = '/js/jquery.js';
jqr.onload = function() {
    var demo= document.createElement('script');
    demo.type = 'text/javascript';
    demo.async = false; // 异步加载 true, onload方法中的内容放到外面同级执行
    demo.src = '/js/demo.js';
    var ss = document.getElementsByTagName('script')[0];
    ss.parentNode.insertBefore(sdk, ss);
};
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(jqr, s);

第二种方法：html中引入script标签同步加载jqurery.js和demo.js。

<script type="text/javascript" src="/js/jquery.js"></script> // 异步加载加 async 属性
<script type="text/javascript" src="/js/demo.js"></script>   // 异步加载加 async 属性

图片描述

动态载入js脚本的同步/异步问题

demo.js自执行，依赖jqurery.js中的$全局变量，优先加载jquery.js，再加载demo.js同步加载处理方法

你尚未登录，登录后可以

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

Quartz如何根据cron表达式计算任务开始前发送通知的时间？

前端有没有办法实现页面截图？