文档章节

img标签的其他用法

向问天
 向问天
发布于 2015/10/17 23:11
字数 285
阅读 66
收藏 0

探测网速

原址: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

© 著作权归作者所有

上一篇: DTD及meta介绍
向问天
粉丝 1
博文 27
码字总数 13464
作品 0
九龙坡
程序员
私信 提问
《Python web开发》笔记 一:网页开发基础

网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰,JS则是各项功能实现。我们把网页的组成类比成一栋房子,Html相当于房子的结构,CSS相当于房子的装...

everfight
09/29
0
0
【CSS选择符】属性选择符

0017.jpg 使用属性选择器可以筛选出设定了特定属性的标签。例如选取所有设定了title属性的标签: 这种选择符的第一部分是标签名(img),随后是属性名,放在方括号里:[title] 。 CSS不限制属...

KelvinZ
2017/12/30
0
0
【r<-包】图形沟通:ggplot2

准备工作 标签 添加标签就是设置横轴、纵轴的解释文字和标题。我们使用函数实现它。 使用标题的目的是概况主要成果。尽量不要使用那些只对图形进行描述的标题,如“发动机排量与燃油效率图”...

王诗翔
2018/10/18
0
0
浅谈SVG(可缩放的矢量图形)

  前一段项目中用到了svg图片就和其他的元素一样 直接引用就可以展示在页面上,因为项目紧张没有仔细的研究,最近在扩展自己的基础知识,偶然看到了这个东西,于是总结了一些博客园中关于这...

马坤钲
01/28
0
0
你所不知道的html5与html中的那些事(五)——web图像

文章简介: 现在的页面,一般都离不开图像,而怎么做才能让我们的页面中的图像加载的又快又好呢?在优化页面速度的时候还有什么事是你所不知道的呢? 下面看看今天我为大家带来了哪些关于web...

lonely1986
2015/04/27
263
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部