• 全部
  • 问答

关于网页中图片可以预载的疑问?(图片是否真的可以预载)

seeu1688 2003-10-07 07:33:03
很多Javascript书上都说用image对象对图像可以实现预载
比如:
var oImg = new Image;
oImg.src = "img/demo.jpg";
“教科书”上说这段代码可以将demo.jpg预先载入缓存中
...

...
<img id=imgid height=20 width=20>
然后用脚本
imgid.src = oImg.src就可以快速显示图片demo.jpg了
可测试的实际情况仍然发现执行的时候仍然是在进行http连接(状态栏显示如此),且图片没有马上显现出。


困惑有时,思不得解,只得放此请人解惑了,多谢。
...全文
15 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
astra1 2003-10-09
上面是有关预载的技术

关于你的问题是这样
其实使用var oImg = new Image也可以实现图片预载

问题是出在
imgid.src = oImg.src
这一句,因为src属性只是存储了图片的URL,而非图片本身
所以这样做和imgid.src = "img/demo.jpg"是没有差别的,IE自然去重新读取图片了

正确的方法是
imgid.parentNode.replaceChild(oImg,imgid);
回复
astra1 2003-10-09
可以使用DOM的createElement方法来解决
比如:

//新建一个IMG元素
var img=document.createElement("IMG");
//指定预载完成事件
img.onload=new Function("alert('image loaded!')");
……
//载入一幅图片
img.src="XXXX.XXX"

这样才是真正意义上的预载,载入后即使断线也仍可以使用


演示见
http://www.hengxie.com/download/imgpreloadtest/1.htm
回复
xlray 2003-10-09
noted...
回复
xlray 2003-10-09
up
回复
seeu1688 2003-10-08
这些方面的细节一来是使用之经验,二来是msdn的旁通。函数手册之类的大体不会论及极至。细微处只是经验的积累。没有收藏于文字。

这个预载的问题想必碰到人挺多,不知大家有否琢磨过,如何能真正预载图片,而实现不重复下载呢?不吝讨论。

多谢
回复
tomelir 2003-10-07
嘿嘿,在网站上找的关于Javascript大都是一样效果方面的,
很少关于Javascript函数、对象方面的详细介绍,
你有关于这方面的好收藏吗?
回复
seeu1688 2003-10-07
其实,确实是缓冲了,在IE的临时目录中却见demo.jpg
但奇怪的是,为何脚本执行时,没有马上显示,而仍然进行http连接,对该图片进行请求呢。


回复
相关推荐
图片预加载,懒加载
1. 使用jQuery图片预加载(延迟加载)插件Lazy Load Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,...
html加载图片有超时时间吗,[前端]图片预加载方法
使用jQuery图片预加载(延迟加载)插件Lazy LoadLazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,由于一个...
有哪些冷门却好用的东西可以网购?
这个真是绝了,本人就是穿小白鞋一周就会穿成小脏鞋的那种,有了这个在新鞋的时候全方位喷一下,的就再也不会脏了耶! 其实呢,当年买它,是宝宝在法国的时候,去北欧玩,穿的雪地靴,踩在雪里,雪都能化进鞋...
前端知识总结之浏览器知识
• 浏览器的主要功能是将用户选择的 web 资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口,资源的格式通常 是 HTML,也包括 PDF、image 及其他格式。用户用 URI(Uniform Resource Identifier 统一...
java基础知识,你都知道么?
Java基础axman考验你的Java基础1.简述逻辑操作(&,|,^)与条件操作(&&,||)的区别。(15分)2.下面程序运行会发生什么结果?如果有错误,如何改正? (15分)interface A{ int x = 0;}class B{ int x =1;...
关于JSP连接池
到目前为目,JDBC2的连结池只是一个接口,没有真正的实现,JDBC3正在开发,据报已经支持连结池,但..........JDBC3用了JNDI技术,连结池的配置可以让一个高手都烦死.目前第三方已经实现的连结池当然是poolman,1.0版对...
cisco(思科) 问题库
Cisco 1800系列集成多业务路由器常见问题 平台 常见问题 问:...Cisco 1800系列的最佳架构经过了特别设计,可满足小型企业、小型企业分支机构和服务供应商可管理服务应用的要求。Cisco 1800系列以线
Html和CSS入门(笔记)—HTML
1-1 代码初体验-Hello World网页 1-2 Html和CSS的关系 1-3 认识 Html标签 1-4 标签的语法 1-5 认识html文件基本结构 1-6 认识head标签 1-7 了解HTML的代码注释 第二章 认识标签(第一部分) 2-1 语义化...
(二)认识标签(1)
那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章内容的段落就得放在...
Android面试总结(持续更新修改)
①Activity是Android程序与用户交互的窗口,是Android构造块最基本的一种,它需要为保持各界面的状态,做很多持久化的事情,妥善管理生命周期以及一些跳转逻辑 ②service:后台服务于 Activity,封装一个完整的...
Html与CSS的爱恨情仇第一式---第一系列
本文整理与慕课网,仅用于... CSS是网页的颜料 3. JavaScript是动态的效果的实现常见元素解析1.<h1></h1>就是标题标签2..<p></p>是段落标签3.是照片添加法eg:网页的完整代码如下图:<!DOCTYPE HTML> <meta http-e
android面试题整理
Android 面试题(有详细答案)附带答案,共100分一、选择题(30题,每题1.5分,共45分)1.java.io包中定义了多个流类型来实现输入和输出功能,可以从不同的角度对其进行分 类,按功能分为:(c),如果为读取的内容进行...
Android应用程序开发以及背后的设计思想深度剖析
本文内容,主题是透过应用程序来分析Android系统的设计原理与构架。我们先会简单介绍一下Android里的应用程序编程,然后以这些应用程 序在运行环境上的需求来分析出,为什么我们的Android系统需要今天...分五次连
好的软件架构设计
前言:软体设计师有一些技术水平较高、经验较为丰富的人,他们需要承担软件系统的架构设计,也就是需要设计系统的元件如何划分、元件之间如何发生相互作用,以及系统逻辑的、物理的、系统的重要决定的作出。...
自学html--2
语义化,让你的网页更好的被搜索引擎理解 标签的用途:我们学习网页制作时,常常...文章内容的段落就得放在段落标签,在文章有想强调的文本,就可以使用 em 标签表示强调等等。 讲了这么多语义化,但是语义...
直播实录|百度大脑EasyDL·NVIDIA专场 产品介绍及AI端计算技术架构解析
主题: EasyDL—Jetson产品介绍及AI端计算技术架构解析 时间: 2020年5月27日 讲师: 百度AI技术生态部高级产品经理 子季 NVIDIA开发者关系经理 李雨倩 百度AI开发平台部资深研发工程师 陈老师 ...
Java 超全面试题
数据库&事务 1.什么样的场景会产生数据库死锁,如何解决...7.SQL怎样判断字段是否为空 WEB 1.post和get区别是什么? 2.cookie/session有什么区别? 3.web集群登录态如何共享? 4.xss、csrf等如何防范? 5.sql...
记录Html、CSS的学习之路
内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来
HTML+CSS标签 (2)
在这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标签过程,主要注意两个方面的学习:标签的用途、标签在浏览器的默认样式。 标签的用途:我们学习网页制作时,...
由 12306.cn 谈谈高并发+高负载网站性能技术
(这又是一篇长文,只讨论性能问题,不讨论那些用户界面、用户体验、或是是否把支付和购票下单环节分开的功 能性的东西) 甲、认识业务的特殊性 任何技术都离不开业务需求,所以,要说明性能
产品经理从专业走向管理
产品经理从专业走向管理 正文 一、产品经理认识篇 1、产品经理定义 产品经理(Product Manager),通常是指:担负某类产品研发、运营、...大多数时候产品经理行驶的是执行权,尽管在产品生不同的生命周期,产品经...
【1.9w字】彻底搞懂HTTP知识的面试题,建议精读收藏
我很早之前写过一篇关于 HTTP 和 HTTPS 的文章,但对于 HTTPS 介绍还不够详细,只讲了比较基础的部分,所以这次我们再来深入一下 HTTPS,用实战抓包的方式,带大家再来窥探一次 HTTPS 如何理解 URI? URI, 全称为...
Java概述及初识【详解篇1】
初识java1.java祖师爷:高斯林 2.写java代码的时候要注意: ①文件名需要和类名一样 ②每次写完代码,都需要保存,重新编译再运行 ...所以在命令行编译代码的时候可以输入javac -encoding utf-8 文件名,进行解
Buildroot用户手册
Buildroot用户手册 ...1.关于Buildroot 2.系统要求 2.1。强制性包裹 2.2。可选包 3.获得Buildroot 4. Buildroot快速入门 5.社区资源 II。用户指南 6. Buildroot配置 6.1。交叉编译工具链 6.2。/ dev管理 6.3...
CListControl设置颜色
CListControl类派生,设置单元格颜色,丰富功能
Linux系统管理员/网络管理员(PDF版)
两本非常好的Linux系统学习的书 系统管理主要介绍Linux系统的结构、管理、命令等 网络管理主要从网络协议角度出发阐述Linux的网络功能
STM32F103中文数据手册
这个里面包含了STM32F103的各种型号的数据手册,方面理解
WPF中用于嵌入其他进程窗口的自定义控件(AppContainer)
WPF中用于嵌入其他进程窗口的自定义控件(AppContainer) 具体见博文:http://blog.csdn.net/zzzwwwppp11199988899/article/details/78131292
Activiti 工作流入门到大神
什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) QQ:362969068
MSP430_RTC模块学习总结
这是自己在学习MSP430时,对RTC模块的总结,希望可以帮助刚入门者
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2003-10-07 07:33
社区公告
暂无公告