重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、确定引用的js文件的路径名称是否正确、文件是否存在
我们提供的服务有:网站设计制作、成都网站设计、微信公众号开发、网站优化、网站认证、建昌ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的建昌网站制作公司
script type="javascript" src="js/jquery-1.8.3.min.js"/script
2、将js代码放在head标签中,代码会先被执行
3、保证非定义命名函数以外的jQuery代码都在文档就绪函数中编写,避免出现找不到资源
script type="text/javascript"
$().ready(function(){
alert("welcome to the ping pong battle.");
});
/script
用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();
query的load方法加载的网页里面的js不是被加载的页面里面导js,而是在当前页导入,举个例子:
a.htm页调用load方法加载b.htm,b.htm里有js,那么应在a.htm里面导入该js,载入b.htm后操作该js就像在a.htm里操作一样。
默认是按顺序加载,JS很注重加载顺序,如果想设置加载顺序,可以用$(function(){
//内容
});
写在里面的内容是在所有纯文字(html代码)加载完执行的。
或者用js自带的window.onload={
}写在这里面的是所有内容全部加载完执行,包括图片