img标签的其他用法

探测网速

原址:http://lcx.cc/?i=899

<SCRIPT>
tim=1
setInterval("tim++",1)
</SCRIPT>

<input type=text name=ddos1 size=9 value='测速中…' style='font-size:9pt;background-color:#000000;color=#ff0000'>
<img src='http://www.baidu.com/' width=0 height=0 
onerror="javascript:if(tim>5000){
                        document.all.ddos1.value='连接超时'} 
                    else {
                        document.all.ddos1.value=tim+'耗秒'
                        };">

    原理很简单,就是利用Img标签下载指定网站的首页数据(虽然首页不是图片,但是img标签也是会下载完整的页面和html源码,只是显示个叉叉,正是利用img标签这一特性,实现测速的),当下载完毕后,java脚本会计算出耗时多少毫秒,从而得到一个大概的网速值,其实这种测试方法并不准确。

img异步加载

iframe可以达到异步加载的效果

原址:http://hilite.cnblogs.com/archive/2005/07/27/201093.html

让iframe作为图片显示的容器,使得图片在后台一个个慢慢的加载。

    imgElm=theDoc.createElement('iframe');
    imgElm.border=0;
    imgElm.frameBorder=0;
    imgElm.marginHeight='0px';
    imgElm.marginWidth='0px';
    imgElm.style.width='20px';
    imgElm.style.height='20px';
    imgElm.src='images/obj_' + ObjType + '.gif';
    fieldHolder.insertBefore(imgElm);

html+js实现图片预加载(异步加载)

http://www.tuicool.com/articles/EJNBNn

你可能感兴趣的:(img标签的其他用法)