重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
用JQ自带的AJAX来动态加载你想要的JS文件
创新互联,专注为中小企业提供官网建设、营销型网站制作、响应式网站建设、展示型网站建设、成都做网站等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。
$.getScript("这是你的JS名字.js", function(){
alert("这是JS加载完了成功的回调函数");
});
这是动态加载的JS文件,ajax必须要有环境才能运行
jquery是等待页面加载完数据,以及页面部分元素;js是页面全部加载完成才执行初始化加载,具体示例祥看本文
jquery和js初始化加载页面的区别:
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。
1、jQuery
页面加载初始化的方法有3种
,页面在加载的时候都会执行脚本,
第一种(比较常用):
代码如下:
$.function(){
alert("第一种方法");
});
第二种:
复制代码
代码如下:
$(document).ready(function(){
alert("第二种方法");
});
第三种:
代码如下:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种:
代码如下:
window.onload=function(){
alert("初始化加载");
};
第二种:
(winOnload
此方法名自定义)
代码如下:
function
winOnload()
{
alert("初始化加载");
};
winOnload();
注意:
由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用
代码如下:
var
ace=jQuery.noConflict();
1、把js的代码放在body里面,最好是放在页面最后的位置,而不是放在head里面。这样整个页面加载结束的时候才会加载到js。
2、你可以使用js函数动态的修改页面,加载js。下面附上两个函数,可以用来加载js或者css。
/*Title : 包含其它 js 文件。
* Description : 将其它 Js 文件引入本文件中,方便管理、维护。*/
function include_js(path) {
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/* Title : 包含其它 css 文件。
* Description : 将其它 css 文件引入本文件中,方便管理、维护。 */
function include_css(path) {
var fileref = document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
3、利用ajax加载js。