在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中，我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行，其秘密在于 – 同步AJAX获取外部JavaScript。
我们先来简单回顾下HTML源代码（test2.htm）：
复制代码 代码如下:
<html>
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.4.js"><script>
$(function(){
$('#container').html('<script src="./service.ashx?file=js/jquery-ui.js&delay=2000">});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
顺便一提的是，通过这种方式加载的外部JavaScript不可以在Firebug中调试，因为AJAX结束后外部JavaScript的解析和内联JavaScript的解析是一样的（都是调用jQuery.globalEval）：
下面进入本篇文章的主题：如果加载的JS是在其它域下面的，jQuery.html还能在各个浏览器下都能保证JS的顺序执行么？
2. 建立测试案例
1) 准备两个域名
为了测试，我在个人主页（http://sanshi.me/）下面临时创建了两个子域名，分别是：
http://test.sanshi.me/
http://test1.sanshi.me/
2) 更新Demo页面（test2_1.htm）
我会把test2_1.htm放在第一个子域名下，访问地址为http://test.sanshi.me/jsorder/test2_1.htm，其源代码如下：
复制代码 代码如下:
<html>
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.4.js"><script>
$(function () {
$('#container').html('<script src="http://test1.sanshi.me/jsorder/service.ashx?file=js/jquery-ui.js&delay=2000">});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
可以看到，其中的jQueryUI脚本指向的是第二个域名下的（test1.sanshi.me）。
3) 在不同浏览器下测试
test2_1.htm
使用jQuery.html函数动态加载其它域下的JavaScript
Firefox 3.6
IE 8
Chrome 10
Safari 4
Opera 11
3. jQuery.html并非万能钥匙，那么
不知道大家是否还记得我们在第一篇文章中提到的test3.htm不，这个结果和那个示例的结果一模一样，jQuery.html也并非万能钥匙。这不禁让我们怀疑这两个示例的内部逻辑是否一样？
但是第二篇文章不是明明白白告诉我们，jQuery.html使用的是同步AJAX的机制来加载外部JS的么？等等。。。。。。
大家有没有从上面的分析中发现问题，AJAX来加载其他域的资源，这不是明摆着违背了大名鼎鼎的同源策略（Same Origin Policy）了么？所以jQuery不可能这么实现，我们来看看jQuery.ajax文档是怎么说的：
看来我们在第二篇文章中看到的这个函数（evalScript）内部并非真的通过同步AJAX来获取数据：
4. 深入jQuery.ajax函数，看看怎么加载不同域下的JS文件
注释已经写的很清楚了，如果是通过GET方式请求JavaScript文件，并且这个文件是在其他域下面的（remote），那么就通过在head中添加script标签来处理，而不是走AJAX的流程。所以在这个条件分支结束的时候，直接从函数体返回：
经过分析，我们发现在动态加载不同域的JavaScript时，jQuery.html其实采用了在head中添加script标签的做法（不管是外部JS或者内联JS），这和我们在第一篇文章中提到的test3.htm是一模一样的逻辑，这也验证了我们的想法：
由此可见，如果想兼容CDN加速静态资源的情况，还必须使用第一篇文章中提到的“方案一，如何在动态添加script标签时确保执行顺序”。
5. 后记
本来这个系列的文章到这就应该结束了。不过在我测试jQuery1.5.1后，居然发现和我用的jQuery1.4.4是有差异的，早就听说jQuery1.5.1对AJAX部分进行了重构，没想到还真的对我们的代码有点影响。
具体是哪方面的影响，请看下一篇文章：如何确保JavaScript的执行顺序 - 之jQuery1.5.1与jQuery1.4.4的细微差异。待续。。。
JavaScript,执行顺序
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。
更新动态
- 刘德华《劲歌集》24K金碟港版[WAV+CUE][1.2G]
- Faker五冠王什么意思 世界赛五冠王Faker选手介绍
- faker塞拉斯s14决赛什么出装 faker塞拉斯s14决赛出装介绍
- LOLtoc9魔法口令在哪可以找到 2024云顶之弈toc观赛魔法口令兑换码
- 黑鸭子2008《影视经典·珍藏版》试音碟[WAV+CUE]
- 碧娜《温柔吻语2》[WAV+CUE]
- Stravinsky-Symphonies,Volume1-OrquestaSinfonicadeGalicia,DimaSlobodeniouk(2024)[24-
- 外媒评Switch2：向下兼容是关键 但挑战依然存在
- 任天堂提醒：宠物的尿或唾液或会让NS故障 把它放好！
- 《博德3》再创新高 Steam掌机总游玩时长近2000年
- 张玮伽《想你的夜DSD》东升 [WAV+CUE][1G]
- 姚璎格《 粤 24KGOLD》正版低速原抓[WAV+CUE][1G]
- 杨千嬅《如果大家都拥有海》寰亚 [WAV+CUE][998M]
- 孟庭苇.1994-1990-1994钻石精选集2CD（2022环球XRCD限量版）【上华】【WAV+CUE】
- 群星.1998-华纳好情歌精选17首【华纳】【WAV+CUE】