javascript - 动态添加javascript

Question

我的代码中有一种情况，我检查我的网页是否正在由移动浏览器或桌面浏览器查看，并基于此我想加载包含事件的 JavaScript 文件。我有以下代码

if( navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
){
   addJavascript('js/mobileEvents.js','body');

}                                
else{
     addJavascript('js/mouseEvents.js','body');
}

我的addJavascript函数如下

function addJavascript(jsname,pos)
{
  var oHead = document.getElementsByTagName(pos).item(0);
  var oScript= document.createElement("script");
  oScript.type = "text/javascript";
  oScript.src=jsname;
  oHead.appendChild(oScript);
}

但是脚本无法加载。请帮助我。

Answer 1

用普通的 JS 表示:

function addJavascript(url){
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = url;
  var scriptNode = document.getElementsByTagName('script')[0];
  scriptNode.parentElement.insertBefore(script, scriptNode);
}

如果页面中有 jQuery，只需使用:

$.getScript(url);

这是一个 jsFiddle 演示，它将根据浏览器加载不同的 jQuery-UI lib 版本:http://jsfiddle.net/8fC6w/