如何用原生JavaScript在页面加载jQuery以及其他任意引用

很多时候,对于一些使用原生javascript的网页,我们需要研究里面的一些功能,或者干些坏事,最需要的就是jQuery,如何在一个仅支持原生JavaScript的网页里,手工加载jQuery呢?

 

//Include jQuery
var body = document.getElementsByTagName('body')[0];
var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');
body.appendChild(s);

s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src', 'http://code.jquery.com/ui/1.8.21/jquery-ui.min.js');
body.appendChild(s);

s = document.createElement('link');
s.setAttribute('rel', 'stylesheet');
s.setAttribute('type', 'text/css');
s.setAttribute('media', 'all');
s.setAttribute('href', 'http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css');
body.appendChild(s);

这段代码作为一个sample,同时插入了2个js文件和一个css文件。

一般只需要用IE的developer tool,或者firefox的firebug运行这段程序,网页就开始支持jQuery操作了。

当然,这段示例告诉我们,可以用这个方法嵌入任意的js文件,包括自己写的js文件,只要是在线可以引用到,都可以。

 

posted @ 2012-06-09 01:29  iEden  阅读(694)  评论(0编辑  收藏  举报