jquery动态加载js三种方法实例

最新推荐文章于 2025-07-10 13:46:26 发布

转载最新推荐文章于 2025-07-10 13:46:26 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cfinder010/p/3234481.html

文章标签：

#javascript #xhtml #ViewUI

本文介绍了使用jQuery进行动态加载JS文件的三种简便方法，包括直接使用$.getScript()函数，自定义函数loadjs()，以及一行代码实现的技巧。

这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\");就OK了。

<!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=gb2312" />
<title>jquery 动态加载js三种方法-www.jbxue.com</title>
//方法一
<script language="网页特效">
$.getscript("test.js");
//方法二
function loadjs(file){
var head = $('head').remove('#loadscript');
$("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto(head);
}
//够简单把！如果在浓缩以下你甚至可以用一行代码全部搞定：
//方法三
$("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto($('head').remove('#loadscript'));
</script>