jquery js 动态加载 js文件
2016-03-18 11:57
585 查看
jquery方法
demo.js
js方法
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <script type="text/javascript" src="2.1.js"></script> </head> <body> this is a js demo <script type="text/javascript"> // $.getScript("./demo.js"); //加载js文件 $.getScript("./demo.js",function(){ //加载test.js,成功后,并执行回调函数 console.log("加载js文件"); }); </script> </body> </html>
demo.js
alert("aaaa");
js方法
<html> <body> </body> </html> <script type="text/javascript"> function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if(typeof(callback) != "undefined"){ if (script.readyState) { script.onreadystatechange = function () { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } } script.src = url; document.body.appendChild(script); } loadScript("http://code.jquery.com/jquery-latest.js", function () { //加载,并执行回调函数 alert($(window).height()); }); //loadScript("http://code.jquery.com/jquery-latest.js"); //加载js文件 </script>
相关文章推荐
- Jquery对象常用的方法
- jquery 多个单选按钮的全选和反选
- JQuery实现DIV其他动画效果
- jQuery UI Dialog 去掉右上角的X关闭功能
- jquery全选和反选
- jquery刷新页面
- 【jQuery日期处理】两个时间大小的比较
- jquery 获取select下拉框 选中的option ???
- jQuery常用事件处理
- Jquery对象常用方法
- jQuery基础细节
- jquery 简单插件
- jQuery.Deferred对象
- jquery 自执行笔记
- jquery的ajax获取经纬度
- jquery下拉菜单打开的同时,同行右边的图标变化
- jquery $(document).ready() 与window.onload的区别
- jquery实现滑动删除记录
- Jquery获取input表单的内容
- jQuery 点击“回复”,跳转到文本输入框