使用原生js实现
10年积累的成都做网站、网站建设、外贸营销网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站策划后付款的网站建设流程，更有灵川免费网站建设让你可以放心的选择与我们合作。
使用原生js主要用到了window.onload方法：
onload 事件会在页面或图像加载完成后立即发生。
语法:onload="SomeJavaScriptCode"
参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
在jQuery迅速发展的同时，一些大的厂商也看中了商机。2009年9月，微软和诺基亚公司正式宣布支持开源的jQuery库，另外，微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员，其他成员还有Google，Intel，IBM，Intuit等公司。
2009年1月，jQuery 1.3版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法，使用live()方法可以为当前及将来增加的元素绑定事件，在1.3版之前，如果要为将来增加的元素绑定事件，需要使用livequery插件，而在1.3版中，可以直接用live()方法。
2010年1月，也是jQuery的四周年生日，jQuery 1.4版发布，为了庆祝jQuery四周岁生日，jQuery团队特别创建了jquery14.com站点，带来了连续14天的新版本专题介绍。
在1.3及更早版本中，jQuery通过JavaScript的eval方法来解析json对象。在1.4中，如果你用的浏览器支持，则会使用原生的JSON.parse解析json对象，这样对json对象的书写验证则更为严格。比如：{foo: "bar"}的写法将不会被验证为合法的json对象，必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本，那么这一点要尤其注意。
scrollTop：
Read-only properties. Return the width and height of the element's viewable area that will be exposed by scrolling to the left and to the top, respectively.
测试一下如下代码，你就知道是什么意思了：
script language="JavaScript"
function C1() {
myX.innerHTML = window.event.offsetX;
myY.innerHTML = window.event.offsetY;
mySX.innerHTML = window.event.screenX;
mySY.innerHTML = window.event.screenY;
mySH.innerHTML = myDiv.scrollHeight;
mySW.innerHTML = myDiv.scrollWidth;
}
function B1() {
mySL.innerHTML = myDiv.scrollLeft;
myST.innerHTML = myDiv.scrollTop;
}
/script
pbX Coordinate:/b span id="myX"0/span/p
pbY Coordinate:/b span id="myY"0/span/p
pbScreen X:/b span id="mySX"0/span/p
pbScreen Y:/b span id="mySY"0/span/p
pbScroll Height:/b span id="mySH"0/span/p
pbScroll Width:/b span id="mySW"0/span/p
pbScroll Left:/b span id="mySL"0/span/p
pbScroll Top:/b span id="myST"0/span/p
div id="myDiv" onmousemove="C1();" onscroll="B1();" style="border:solid;
width:200; height:50; overflow:scroll;"
img src="yourimage.gif"/div
1、大型网站，主要使用JAVA EE，最有名例子就是电子商务交易平台阿里巴巴、淘宝、京东。
2、大型企业级应用，主要使用JAVA EE，比如大型企业管理系统，CRM系统，ERP系统2.1有关通信及网络的大型企业：移动、联通、电信、网通主要的信息化都是JAVA2.2有关金融行的大型企业，所有的银行、证券公司，互联网金融； 2.3大型管理系统，如：供应链，客户管理系统，物流系统。
3、电子政务，主要使用JAVA EE，相关的政府部门绝大多数的信息化系统是JAVA开发的。
4、游戏，很多手机游戏都是用JAVA开发的。包括大型网游的后台数据统计都是java。
5、嵌入式设备及消费类电子产品，主要用 JAVA ME,无线手持设备、通信终端、医疗设备、信息家电（如数字电视、机顶盒、电冰箱）、汽车电子设备等是比较热门的Java应用领域，这方面的应用例子有中国联通CDMA 1X网络中基于Java技术的无线。
6、各大旅游网站基本都是使用java做的开发。
7、出行的交通工具的订票系统绝大部分也是使用java开发的。
8、流行的大数据，最主流的大数据框架Hadoop的应用主要用Java开发。Java最大的优势之一就是它在大数据领域的地位，目前很多的大数据架构都是通过Java来完成的。
