为了MS IE能利用自身的缓存,真是让我想破了头。好在到现在终于找到了一种解决办法,其实所有的技巧都在于:不要用JavaScript调用任何与URL有关的对象。既然不能用JavaScript动态改变页面内元素(比如图形<img src=... />)的URL,那么,想要在页面内动态且快速显示图片的路基本上只剩下一条了,那就是CSS。基本原理是:利用JavaScript动态改变一个层(<div id=...></div>)的CSS属性,若想让它显示,则设置为*.style.display = "block";否则,设置为*.style.display = "none"。通过对若干个层的依次显隐,一副动画就大功告成了。
当然,Firefox对这种办法也是支持的。至此,我才基本搞定了动画在网页上的显示方式——万里长征的第一步。
今天看JavaScript Reference顺便也了解到window.onload的作用,当一个页面在客户端加载完成之后这个函数就会被调用,因此可以事先在页面内放置一个“正在加载”的说明字样,等页面全都加载完毕了之后把这个说明隐去,并将动画的“开始”按钮设置为可用(disabled = false)。这样一个动画页面就完美了,吼吼。
依然参见:https://r.yihui.org/misc/java.htm(猛增速度,faster,直接把时间间隔减小到0秒,看看是什么效果)
外一篇:之前走了什么弯路
在此之前,我走的弯路太多了,现在综合起来也就一个特点:那些方法全都涉及到URL……
- 比如设置图片的src属性(
*.src = ...) - 比如设置表格的背景(
*.setAttribute("background", ...)) - 比如设置对象的背景图像(
*.style.backgroundImage = "url(...)") - 比如把一个对象的HTML代码(包含图片标签)赋给另一个对象(
*.innerHTML = **.innerHTML) - 等等
而对一个对象的显隐控制不会涉及到图片地址,只是单纯的显示或隐藏一个对象——实质上它一直都在这个页面里。
赞赏
作为一名没有固定工作的自由职业者,我非常感谢您通过捐赠的方式来支持我的写作和开源软件开发。当然,捐赠纯属自愿。无论金额多少,都是一片诚挚的心意。支付方式如下:
| 微信 | ← 奋力支开它俩 → | 支付宝 |
|---|---|---|
![]() |
其它爱心通道 ↓ Venmo: @yihui_xie Zelle: xie@yihui.name PayPal: xie@yihui.name |
![]() |
若使用 Venmo/Zelle/Paypal,请添加备注“gift”或“donation”,以免捐赠被视为我的可税收入。若使用 Paypal,支付类型请选 Family and Friends,而不要选 Goods and Services。
在不影响生活的前提下,我会将收到的捐赠以尽量大的比例回馈给开源社区和慈善机构。作为参考,2024-25 年间我共收到约三万美元捐赠,完税后我转手捐出了一万五千美元。

