演示下中文路径的文件不能显示的实例：
<img alt="中文路径不行" src="/myServletDemo3/imgs/图书1.jpg"/>• 1
先移动这个图片到这个目录：
再看浏览器的访问结果：
无法访问到这个文件！！！！！！
进度条前台技术演示：
最后，我们自己来做个假的进度条看看：
其实只是少了aJax技术而已。
index.jsp:
<a href="progress.jsp">进度条前台技术演示</a>• 1
propress.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> var tm=0; function start(){ a=0; if(tm!=0) window.clearInterval(tm);//也要防范一下，否则一直点启动。会出现很多的定时器。a+的速度会越来越快 tm = window.setInterval(run, 100); } //真正开发的时候，应该是在run()方法中利用aJax到后台读取当前的进度值， //用该进度值对页面的进度条进行相应刷新，由于Ajax技术还没学，这里就我们自己模拟吧.... var a=0; function run(){ a+=1; if(a>100){ window.clearInterval(tm); return; } var div=document.getElementById("dataDiv"); div.style.width = a+"%";//把里面的div 对应的宽变长百分之一（背景色为红） } function stop(){ window.clearInterval(tm); } function resume(){ window.clearInterval(tm);//必须先把前面那个给清了。否则会出现前面那个对象无法访问到的情况 tm = window.setInterval(run, 100); } </script> </head> <body> <h1>进度条前台技术演示</h1> <div style="border:1px solid red;width:400px;height:30px;"> <div id="dataDiv" style="background:red;width:0%;height:100%;"></div> </div> <button onclick="start()">启动</button> <button onclick="stop()">停止</button> <button onclick="resume()">重新启动</button> </body> </html>
演示结果：
点启动按钮，就是从0%启动，运行到全部填充完毕（100%）就停止。
点停止按钮，就停止在当前进度，点重新启动，就是恢复启动~从暂停的地方继续~~
