JAVA教程之预加载与javascript的Image()对象

显示全部楼层 · 发表于 2015-1-18 11:43:17

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

他们对jsp，servlet，javabean进行封装就是为了展示他们的某个思想，与java的开发并没有必然的关系，也不见得在所以情况下，别人使用起来会简单。对象|加载良多高分辩率的图象真的可以扮靓一个Web网站。可是它们也大概会下降网站的（呼应）速率――图象都是文件，文件就要占用带宽，而带宽与守候工夫间接相干。如今是你举行自我进修，懂得怎样使用一种叫做图象预加载的小技能给网站提速的时分了。

图象的预加载

扫瞄器一般的事情体例是：只要当请求加载图象的HTTP哀求被发送的时分，图象才会被加载，而不管它是主动地经由过程<ahref="#"onMouseOver="javascript:document.img01.src=http://www.163design.net/j/e/heavyimagefile.jpg"></a></body></html>
要注重的是，图象标志本身其实不会处置onMouseOver()和onMouseOut()事务，这就是为何下面例子里的
在下面的例子里，你先界说变量i和叫做imageObj的Image()对象。然后界说一个叫做images[]的新数组，在这个数组里，每一个数组元素都保留着必要预加载的图象来历。最初，创立一个for()轮回，让它在数组里轮回，并将它们中的每个都指派给Image()对象，如许就可以够把它预加载到缓冲区里。
onLoad()事务处置程序
就和JavaScript里的别的良多对象一样，Image()对象也带有多个事务处置程序。这个中最有效的毫无疑问的就是onLoad()处置程序了，它会在完成图象加载的时分被挪用。这个处置程序能够与自界说的函数一同利用，以便在完成图象加载以后举行特定的义务。上面的例子经由过程在图象加载的时分显现“请守候（pleasewait）”提醒信息来讲明这个成绩，然后在图象完成加载以后就向扫瞄器发送一个新的URL。

<html><head><scriptlanguage="JavaScript">//createanimageobjectobjImage=newImage();//setwhathappensoncetheimagehasloadedobjImage.onLoad=imagesLoaded();//preloadtheimagefileobjImage.src=http://www.163design.net/j/e/images/image1n.gif;//functioninvokedonimageloadfunctionimagesLoaded(){document.location.href=index2.html;}</script></head><body>Pleasewait,loadingimages...</body></html>

固然，你还能够创立一个图象数组，对它举行轮回，预加载每一个图象，并在每一个阶段对已加载图象的数目坚持跟踪。一旦加载了一切的图象，事务处置程序就可以够依照设定把扫瞄器带到下一个页面（大概举行其他的义务）。

预加载与多形态菜单
如今，把你方才学到的实际付诸真实的理论怎样？上面一部份内容就是我可巧编写的一段代码――一个由多个按钮（图象链接）构成的菜单条――个中每一个按钮都大概处于三种形态中的一种：一般（normal）、hover（悬停）和点击（click）。因为一切的按钮都有多个形态，以是就有需要利用图象预加载来确保菜单可以依据其切换到的形态举行疾速的呼应。列表A里的代码就说了这一点。

列表A里的HTML代码会创建一个由四个按钮构成的菜单条，每一个按钮都有三种形态：一般、悬停和点击。其请求以下：

但鼠标挪动各处于一般形态的按钮上时，按钮会变成悬停形态。当鼠标移开的时分，按钮又会恢复到一般形态。
当鼠标点击按钮的时分，按钮就会变成点击形态。它会一向坚持这个形态，直到别的一个按钮被点击。
假如有一个按钮被点击，那末其他的按钮就都不克不及处于点击形态。其他的按钮只可以处于悬停大概一般形态。
一次只能有一个按钮能够被点击。
一次只能有一个按钮处于悬停形态。
第一项义务是创建保留有菜单每一个形态的图象的数组。与这些数组元素绝对应的<img>元素也都在HTML文档的主体里被创立，并按按次定名。要注重的是，对数组值的索引是从0入手下手的，而响应的<img>元素是从1入手下手定名的――这就必要在剧本前面的一段里举行某种盘算上的调剂。

PreloadImages()函数会卖力把一切的图象都加载到缓冲区里，如许的话对鼠标挪动的呼应工夫会被减到最小。一个for()轮回被用在第一步里创立的图象里举行迭代，并预加载每个图象。

ResetAll()函数是把一切图象恢复都到它们一般形态的便利办法。这是有需要的，由于当菜单的项目被点击的时分，菜单里其他一切的项目都必需在被点击项目可以切换到点击形态之前恢复到一般形态。

SetNormal()、setHover()和setClick()函数卖力把特定图象（图象的编号被作为函数的自变量举行传送）的来历分离改成一般、悬停大概点击形态。因为被点击的图象必需一向坚持点击形态，直到别的一个图象被点击（见第二项请求），以是它们临时不会对鼠标挪动作出反响；如许的话，假如按钮还不是处在点击形态，那末setNormal()和setHover()函数所包含的代码就只能用来改动按钮的形态。

下面所提到的预加载只是进步你JavaScript效果呼应工夫的多种办法之一。就在你的网站上利用下面列出的技能，并依据你的请求在必要的中央变动它们吧。祝你好运！

其实产生见解的过程就是训练自己发现问题，分析问题的能力。根据以上的认识我想谈下传统的学习与通过视频独立学习的优缺点：

显示全部楼层 · 发表于 2015-3-11 17:37:51

是一种简化的C++语言是一种安全的语言，具有阻绝计算机病毒传输的功能

		自动登录	找回密码
密码			立即注册

[学习教程] JAVA教程之预加载与javascript的Image()对象

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子