十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
默认是按顺序加载,JS很注重加载顺序,如果想设置加载顺序,可以用$(function(){
创新互联建站主营云安网站建设的网络公司,主营网站建设方案,App定制开发,云安h5小程序定制开发搭建,云安网站营销推广欢迎云安等地区企业咨询
//内容
});
写在里面的内容是在所有纯文字(html代码)加载完执行的。
或者用js自带的window.onload={
}写在这里面的是所有内容全部加载完执行,包括图片
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();
用JQ自带的AJAX来动态加载你想要的JS文件
$.getScript("这是你的JS名字.js", function(){
alert("这是JS加载完了成功的回调函数");
});
这是动态加载的JS文件,ajax必须要有环境才能运行
script
$(function(){
$("script").each(function(i,e){
if(e.src.indexOf("abc.js")=0){
console.log("abc.js已加载!");
}
});
});
/script