动态加载js和css的jquery plugin_html/css_WEB-ITnose

一个简单的动态加载js和css的jquery代码，用于在生成页面时通过js函数加载一些共通的js和css文件。

Java代码

1. //how to use the function below:
2. //$.include('file/ajaxa.js');$.include('file/ajaxa.css');
3. //or $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(only if .js and .css files are in the same directory)
4. $.extend({
5. includePath: '',
6. include: function(file)
7. {
8. var files = typeof file == "string" ?
   下载地址
   : file;
9. for (var i = 0; i < files.length; i++)
10. {
11. var name = files[i].replace(/^\s|\s$/g, "");
12. var att = name.split('.');
13. var ext = att[att.length - 1].toLowerCase();
14. var isCSS = ext == "css";
15. var tag = isCSS ? "link" : "script";
16. var attr = isCSS ? " type='text/css' rel='stylesheet' " : " type='text/javascript' ";
17. var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";
18. if ($(tag + "[" + link + "]").length == 0) $("head").prepend("<" + tag + attr + link + "> ");
19. }
20. }
21. });
22. $.include('../js/jquery-ui-1.8.21.custom.min.js');
23. $.include('../css/black-tie/jquery-ui-1.8.21.custom.css');

将该函数写入一个common.js文件中，在html中加载该common.js文件，就可以达到目的。该js函数出自以下链接：

http://www.cnblogs.com/chenjinfa/archive/2009/03/17/1414178.html

注意：

1.在html5中，

• 网站首页
• PHP视频
• PHP实战

PHP中文网：独家原创，永久免费的在线php视频教程，php技术学习阵地！

Copyright 2014-2019 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 皖公网安备 34010402701654号 免责申明赞助与捐赠