我的现象是改了引用的JS后,并不能立即生效。
但是我看tomcat\webapps\下面,我修改的文件已经生效。
但是就是IE中不能反映出预想的结果。
我后来调查后,发现我的原因如下:
1、不是MYECLIPSE的问题(之前我将系统时间改过,会对JAVA源文件的编译结果有影响,原因是如果你将系统时间改到立面了,TOMCAT发现你发布的是旧的,不给你更换)。
而是因为在JSP中引用的JS修改后是不能立即生效的。
解决办法:需要重启IE8,并重启TOMCAT后才能将引用的JS生效。
(我之前不知道用这个的时候,就用最狠的:REMOVE以前的DEPLOY,然后关掉MYECLIPSE,关掉IE8。当然能成功,但是太麻烦,调试起来那叫一个崩溃啊……)
(同时联想起来做嵌入式开发时,因为嵌入式机器没有刷新按钮,经常要重启ARORA才能使修改的JS生效才能使用吗?)
2、对document.getElementById和document.getElementsByName的纠结。
其实,在早期的IE6中这2者才是一回事(本人亲自测试),但是在IE8中这个是不成立的。
简单的讲,举了例子,一个对象的name属性是customerId,那么你用document.getElementById(customerId),在IE8中是报错的。所以想到的思路就是用兼容性视图。
解决办法:在IE8中用兼容性视图,工具\兼容性视图设置\将locathost添加进来即可。
来看一个别人写的例子:
这个例子是在IE6下面写的并测试通过的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IE document.getElementById BUG DEMO</title> </head> <body> <script language="javascript"> /* IE document.getElementById BUG 演示DEMO 作者:朦朧中的罪惡 博客:http://be-evil.org */ function changeValue() { var username = document.getElementById('username'); username.value = 'Whahaha'; } </script> <form action="IE_BUG2.html" method="get"> <p>name:<input type="text" name="username" /></p> <p>name2:<input type="text" id="username" name="name" /></p> <p><input type="button" value="改变" onclick="changeValue();" /></p> </form> </body> </html> 很简单的一段代码,看上去似乎没有任何错误,但是在IE下点击改变按钮后,被改变值的对象居然是第一个name属性为username的input对象.而不是第二个id属性为username的对象.
再来看一段我自己写的小代码测试例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function showValue(){ alert("被点击的值是="+document.getElementById("username1").value); } </script> </head> <body> <p>name:<input type="text" name="username1" /></p> <p>name2:<input type="text" id="username2" name="name" /></p> <input type="button" value="click me" onclick="showValue()" /> </body> </html>
这段代码在IE8和CHROME中全部不通过。而在IE6中测试通过。