火狐浏览器下我的jsp界面按钮没反应为什么? 如题。我写的jsp在360和IE下完全正常,但是在火狐浏览器下点击按钮没有任何反应。怎么解决?为什么? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 js不符合W3C标准。顺带一提,360和ie一回事。 360就是用的IE的内核,一般跟IE兼容FF下不行可能由于JS代码的不兼容导致 FF的兼容问题。你的是什么按钮啊?用什么写的。表单里面的吗?你在FF加一个alert看看。是不是没执行。 <%@page contentType="text/html;charset=GBK"%><html><head><title>登录</title><SCRIPT language=javascript><!---function Init() { document.frmLogin.loginName.focus(); } function login() { var name = document.getElementById("username"); var pass = document.getElementById("userpass"); if (name.value == "" || pass.value == "") { alert("用户名和密码不能为空!"); name = ""; pass = ""; return false; } if(name.value == "admin") { if(pass.value == "123"){ window.location.href = "second.jsp"; } else{ alert("密码错误!请重新输入!"); pass.value = ""; } } else { alert("用户名错误!请重新输入!"); name.value = ""; pass.value = ""; } } function congTian() { var bing1 = document.getElementById("username"); var bing2= document.getElementById("userpass"); bing1.value=""; bing2.value=""; }---></SCRIPT><style><!--TD { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'}BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'}INPUT { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'}BODY { SCROLLBAR-FACE-COLOR: #b1dade; SCROLLBAR-HIGHLIGHT-COLOR: #dcedef; SCROLLBAR-SHADOW-COLOR: #4b9da7; SCROLLBAR-ARROW-COLOR: #035c80; SCROLLBAR-BASE-COLOR: #4b9da7; scrollbar-3d-light-color: #4B9DA7; scrollbar-dark-shadow-color: #4B9DA7}--></style></head><center> <br> <h1>用 户 登 录</h1> <hr></center><body background="frame/denglubg.jpg" topmargin="0" leftmargin="0" onload="Init();"><br><form name="frmLogin" action="<%=request.getContextPath() %>/login.do?method=login" method="post"> <center> <tr> <td valign="middle"><font color="#FFFFFF">用户:</font></td> <td> <INPUT style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=username tabindex="1"> </td> </tr><br> <tr> <td valign="middle"><font color="#FFFFFF">密码:</font></td> <td> <INPUT type=password style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=userpass tabindex="2"> </td> </tr><br><br> <INPUT TYPE="button" VALUE="确定" ONCLICK="javascript:login();"> <INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();"> </center></form></body></html> 标签层次的原因,能解决,但是无法解释原理。把button放到</center>和</form>之间就可以了。 这是你的: <INPUT TYPE="button" VALUE="确定" ONCLICK="javascript:login();"> <INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();"> </center></form> 用MyEclipse 可以检查 在IE 和firefox 的兼容性!! 谢谢yuzuru!就是说按钮没办法排版了?可能是火狐内部的问题吧 想要对齐,至少也要用table吧。<form name="frmLogin" action="/login.do?method=login" method="post"> <table align="center"> <tr> <td valign="middle"><font color="#FFFFFF">用户:</font></td> <td> <INPUT style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=username tabindex="1"> </td> </tr> <tr> <td valign="middle"><font color="#FFFFFF">密码:</font></td> <td> <INPUT type=password style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=userpass tabindex="2"> </td> </tr> <tr> <td align="center"> <INPUT TYPE="button" VALUE="确定" ONCLICK="javascript:login();"> <INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();"> </td> </tr> </table></form> 火狐的问题还不好解决吗装个firebug调试看看 在SSH中,怎么样把一张表的值填入到另一张表?? 不知道大家遇到过了没有,在文本框里面敲回车会报错 怎样制作一个jsp论坛? 怎么实现数据库的导入与导出??请高手赐教 JSP页面登陆时出错,请问是什么错误啊? Tomcat配置问题 有关数据库访问控件得问题 求http协议教程,要非常详细的 有好的网上书店的例子吗?要功能强大点的,谢谢!急用 急!如何在JSP中取得HTML中的值(form的onSubmit值) 这个问题该如何改正。 无法把Oracle存储的图片显示在网页上
顺带一提,360和ie一回事。
<head>
<title>登录</title>
<SCRIPT language=javascript>
<!---
function Init() {
document.frmLogin.loginName.focus();
}
function login() {
var name = document.getElementById("username");
var pass = document.getElementById("userpass");
if (name.value == "" || pass.value == "") {
alert("用户名和密码不能为空!");
name = "";
pass = "";
return false;
}
if(name.value == "admin") {
if(pass.value == "123"){
window.location.href = "second.jsp";
}
else{
alert("密码错误!请重新输入!");
pass.value = "";
}
}
else {
alert("用户名错误!请重新输入!");
name.value = "";
pass.value = "";
}
}
function congTian() {
var bing1 = document.getElementById("username");
var bing2= document.getElementById("userpass");
bing1.value="";
bing2.value="";
}
--->
</SCRIPT>
<style>
<!--
TD {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'
}
BODY {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'
}
INPUT {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: '宋体'
}
BODY {
SCROLLBAR-FACE-COLOR: #b1dade; SCROLLBAR-HIGHLIGHT-COLOR: #dcedef; SCROLLBAR-SHADOW-COLOR: #4b9da7; SCROLLBAR-ARROW-COLOR: #035c80; SCROLLBAR-BASE-COLOR: #4b9da7; scrollbar-3d-light-color: #4B9DA7; scrollbar-dark-shadow-color: #4B9DA7
}
-->
</style>
</head>
<center>
<br>
<h1>用 户 登 录</h1>
<hr>
</center>
<body background="frame/denglubg.jpg" topmargin="0" leftmargin="0" onload="Init();"><br>
<form name="frmLogin" action="<%=request.getContextPath() %>/login.do?method=login" method="post">
<center>
<tr>
<td valign="middle"><font color="#FFFFFF">用户:</font></td>
<td>
<INPUT style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=username tabindex="1">
</td>
</tr><br>
<tr>
<td valign="middle"><font color="#FFFFFF">密码:</font></td>
<td>
<INPUT type=password style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=userpass tabindex="2">
</td>
</tr><br><br>
<INPUT TYPE="button" VALUE="确定" ONCLICK="javascript:login();">
<INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();">
</center>
</form>
</body>
</html>
把button放到</center>和</form>之间就可以了。
<INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();">
</center>
</form>
<table align="center">
<tr>
<td valign="middle"><font color="#FFFFFF">用户:</font></td>
<td>
<INPUT style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=username tabindex="1">
</td>
</tr>
<tr>
<td valign="middle"><font color="#FFFFFF">密码:</font></td>
<td>
<INPUT type=password style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: transparent" maxLength=20 size=16 name=userpass tabindex="2">
</td>
</tr>
<tr>
<td align="center">
<INPUT TYPE="button" VALUE="确定" ONCLICK="javascript:login();">
<INPUT TYPE="button" VALUE="重填" ONCLICK="javascript:congTian();">
</td>
</tr>
</table>
</form>
装个firebug调试看看