需要准备的材料分别有：电脑、html编辑器、浏览器。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、虚拟主机、营销软件、网站建设、龙江网站维护、网站推广。
1、首先，打开html编辑器，新建html文件，例如：index.html，先引入jquery。
2、在index.html中的/body标签前，引入自己写的js文件，例如index.js文件。
3、在index.js中调用jquery的函数。
4、浏览器运行index.html页面，此时成功调用了index.js中编写的内容。
jquery预加载的两种方式说明如下：
1、通过写函数进行预加载
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('img/')[0].src = this; //循环加载传进来的图片数组
});
}
调用方法：
preload([
'img/imageName.jpg', //图片1
'img/anotherOne.jpg',//图片2
'img/blahblahblah.jpg'//图片3
]);
2、通过插件的方式预加载
//自定义函数preload，实现原理跟方法一差不多
$.fn.preload = function() {
this.each(function(){
$('img/')[0].src = this;
});
}
调用方法：
$(['img1.jpg','img2.jpg','img3.jpg']).preload();
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
其中1.html代码如下：
如要测试还需要加上jquery.js 这个可自行下载
运行后点击按钮效果如图：
下面再附上网上的一些方法：
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
其实原理就是利用dom动态的引入一个js到文件中来，就能和原有的js通信了。
在head标签中加入
script type="text/javascript" src=""/script
即可。
src中可以根据需要选择不同版本的jquery。