87,915
社区成员
发帖
与我相关
我的任务
分享[急][解决立马结贴]如何根据js动态加载不同的外部js
有这么一个需求,我需要根据不同设备在id为news_bottom的div上加载不同的外部js，比如PC端的话就加载a.js，wap端的话就加在b.js
大概实现要求就是：
请大家为我这个loadScript进行修改或者给我个新的解决方案，急急急，解决立马结贴
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>演示代码</title>
</head>
<body>
<div id="news_bottom">
</div>
</body>
</html>
大概实现要求就是：
$(document).ready(function () {
if ($("#currentDevice").val() == "wap") {
loadScript("news_bottom", "http://xxx.com/a.js");
}
else
{
loadScript("news_bottom", "http://xxx.com/b.js");
}
});
//加载js
var loadScript=function(id,scriptLink)
{
var obj = document.getElementById(id);
var oScript = document.createElement("script");
oScript.type = "text/javascript";
oScript.src = scriptLink;
obj.appendChild(oScript);
}
请大家为我这个loadScript进行修改或者给我个新的解决方案，急急急，解决立马结贴
...全文
请发表友善的回复…
发表回复
Go 旅城通票 2016-12-28
- 打赏
- 举报
<div id="news_bottom">
if(移动端)document.write('<script src="移动端js路径"><\/script>')
else document.write('<script src="pc端js路径"><\/script>')
</div>
renyiqiu 2016-12-28
- 打赏
- 举报
我都忘了直接放到html里指定位置这简单的方法了，感谢楼上的几位帮忙，我太笨了，这么原始的方法就能解决了还在纠结怎么生成。
daswcszxw 2016-12-27
- 打赏
- 举报
1，别写append了。
直接在模版写script 标签。
<script type="text/javascript" src="" id="#news_bottom"></script>
或者在if 的时候写document.write(<script src=‘....’)
renyiqiu 2016-12-27
- 打赏
- 举报
js能生成了，但解析不了呢，只add了文本
圭宁的小小前端 2016-12-27
- 打赏
- 举报
我想要指定位置显示呢，不只是能加载出来[/quote]
那你就自己选位置append啊
囧 2016-12-27
- 打赏
- 举报
$(function(){
var url;
if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS|Windows Phone|BlackBerry)/i)) {
url = 'http://xxx.com/a.js';
}else{
url = 'http://xxx.com/b.js';
}
$("<script>").attr("src", url).appendTo("#news_bottom");
})
renyiqiu 2016-12-27
- 打赏
- 举报
我想要指定位置显示呢，不只是能加载出来
圭宁的小小前端 2016-12-27
- 打赏
- 举报
1，用window.screen.width判断设备屏幕大小
2，根据不同的屏幕大小，var s=document.createElement('script');s.src='url';s.async=true;document.head.appendChild(s);
应该可以了
lovebaby 2016-12-27
- 打赏
- 举报
记得jquery的AJAX也有一个加载JS文件的方法
囧 2016-12-27
- 打赏
- 举报
<div id="news_bottom">
<script type="text/javascript">
(function(){
var url;
if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS|Windows Phone|BlackBerry)/i)) {
url = 'http://xxx.com/a.js';
}else{
url = 'http://xxx.com/b.js';
}
document.write("<scr" + "ipt src='" + url + "' type='text/javascript'></scr" + "ipt>");
})()
</script>
</div>
