需求：当百度地图在内网中也能使用。
分析：js判断是否联网，然后根据联网状态加载不同js。
失败案例：
1、直接document.write
document.write(“<script src=’xxx.js’><\/script>”);
</script>
2、动态改变已有script的src属性
<script language=”javascript”>
s1.src=”xxx.js”
</script>
3、动态创建script元素
var oHead = document.getElementsByTagName(‘HEAD’).item(0);
var oScript= document.createElement(“script”);
oScript.type = “text/javascript”;
oScript.src=”xxx.js”;
oHead.appendChild( oScript);
</script>
失败原因：这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行。导致下面的new BMap.Map()直接报错。正确的思路是用函数回调保证js加载完毕后继续执行后面代码。
正解：
需要js文件：Jquery.js，Ping.js
<script language="javascript"> $(function(){ var p = new Ping(); p.ping("http://api.map.baidu.com", function(err, data) { if (err) { //离线 $.getScript("http://127.0.0.1:80/bdmap/js/apiv2.0.min.js",function(){ //加载内网js,成功后执行回调函数 $("<link>").attr({ rel: "stylesheet",type: "text/css",href: "http://127.0.0.1:80/bdmap/css/bmap.css"}).appendTo("head"); //引入css loadMap(); }); //加载js文件 }else{ //在线 $.getScript("http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxx",function(){ //加载在线js,成功后执行回调函数 loadMap(); }); //加载js文件 } }); }); </script>
用Ping.js判断是否联网。用Jquery的$.getScript( url [, success(script, textStatus, jqXHR) ] )加载js。如果引入的js和其他js必须按照一定顺序则在$.getScript()回调函数中再执行$.getScript()。
转载于:https://www.cnblogs.com/aeolian/p/8853882.html
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/101718.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
