这段JS不支持火狐要怎么改？

举报该文章

其他看法

第1个回答 2011-08-01

代码上看不出什么问题。我也把你的代码拷下来运行了，在FF中可以运行。不过你把<style>写在后面，这是不好的，我在运行的时候是把它放在前面的。把我整理成的代码贴在下面，希望对你有帮助。
<html>
<style type="text/css">
#tipPosition
{
width: 400px;
height: 16px;
line-height: 18px;
padding: 2px 30px;
}
.tip {
color: #0E5863;
}
.error {
color: #6D3737;
}
.success {
color: #3D934A;
}
#pwdStrong_color
{
width: 136px;
height: 3px;
border: 0px;
border-collapse: collapse;
border-spacing: 0;
background: #E6EAED;
margin-top: 5px;
}
</style>
<body onLoad="InitCss();">
<form>
<div>
<input id="txtPassword" type="password" style="width: 130px;" maxlength="16" onFocus="InitCss();"
onblur="ValidateInput('password',this.value)" onKeyDown="validatePwdStrong(this.value);" />
<div id="tipPosition"></div>
<table id="pwdStrong_color">
<tr>
<td id="pwdStrong_1"></td>
<td id="pwdStrong_2"></td>
<td id="pwdStrong_3"></td>
<td id="pwdStrong_4"></td>
</tr>
</table>
<div id="pwdStrong_text">
</div>
</div>
</form>
<script type="text/javascript">
//使用$替换document.getElementById函数
var $ = function(v) { return document.getElementById(v); }

/******************************************************验证用户输入******************************************************/
function ValidateInput(element, value) {
//验证密码
if (element == "password") {
if (value.toString().length < 6) {
$('tipPosition').className = 'error';
$('tipPosition').innerHTML = "密码设置错误。密码长度过小。";
return;
}
else {
$('tipPosition').className = 'success';
$('tipPosition').innerHTML = "填写正确。";
}
}
}
/*================================密码验证JS =========== Begin=======================================*/
//密码初始化的样式
function InitCss() {
$('tipPosition').className = 'tip';
$('tipPosition').innerHTML = "最小长度:6。最大长度:16。";
}

/*================================密码强度 ===========Begin=======================================*/

function Evaluate(word) {
return word.replace(/^(?:([a-z])|([A-Z])|([0-9])|(.)){5,}|(.)+$/g, "$1$2$3$4$5").length;
}

function validatePwdStrong(value) {
var pwd = {
color: ['#E6EAED', '#AC0035', '#FFCC33', '#639BCC', '#246626'],
text: ['太短', '弱', '一般', '很好', '极佳']
};
function colorInit() {
$('pwdStrong_1').style.backgroundColor = pwd.color[0];
$('pwdStrong_2').style.backgroundColor = pwd.color[0];
$('pwdStrong_3').style.backgroundColor = pwd.color[0];
$('pwdStrong_4').style.backgroundColor = pwd.color[0];
}
if (Evaluate(value) == 1) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[1];
$('pwdStrong_text').innerHTML = pwd.text[1];
$('pwdStrong_text').style.color = pwd.color[1];
}
else if (Evaluate(value) == 2) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[2];
$('pwdStrong_2').style.backgroundColor = pwd.color[2];
$('pwdStrong_text').innerHTML = pwd.text[2];
$('pwdStrong_text').style.color = pwd.color[2];
}
else if (Evaluate(value) == 3) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[3];
$('pwdStrong_2').style.backgroundColor = pwd.color[3];
$('pwdStrong_3').style.backgroundColor = pwd.color[3];
$('pwdStrong_text').innerHTML = pwd.text[3];
$('pwdStrong_text').style.color = pwd.color[3];
}
else if (Evaluate(value) == 4) {
$('pwdStrong_1').style.backgroundColor = pwd.color[4];
$('pwdStrong_2').style.backgroundColor = pwd.color[4];
$('pwdStrong_3').style.backgroundColor = pwd.color[4];
$('pwdStrong_4').style.backgroundColor = pwd.color[4];
$('pwdStrong_text').innerHTML = pwd.text[4];
$('pwdStrong_text').style.color = pwd.color[4];
}
}
</script>
</body>

</html>追问

这个我知道的，STYLE是在上面，我的火狐的确不好使啊。密码强度是无法判断的

追答

奇了怪了。我的火狐没有问题啊。

追问

怎么打都是弱

追答

你打123abc就是一般了。

追问

再打就变成弱了

追答

这说明你操作DOM的代码没有问题，那问题很可能就出在正则那里。建议在那个函数中打印一下 replace的结果，再进一步查找问题。

本回答被提问者采纳

第2个回答 2015-01-17

　　您好，感谢您对火狐的支持

　　测试代码没有问题，可能您的火狐配置文件错误造成的，尝试点击 Windows的开始按钮，选择运行...在运行对话框中，输入：firefox.exe -p 点击确定，为浏览器新建一个配置文件。
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

这段js怎么转换为火狐支持的代码呢?
您好，感谢您对火狐的支持火狐不支持innerText属性，可以使用innerText换成innerHTML，火狐就兼容了。您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

下面的js代码不支持火狐浏览器,哪位大大帮忙看看哇
应该是这句错了：var alltags=document.all? document.all : document.getElementsByTagName_r = "*"这里的document.getElementsByTagName_r = "*"不对，要改成document.getElementsByTagName("*")另外建议：语句后加分号

在W3C下,这段JS在火狐不能运行,如何修改?
不要用ID直接取元素用document.getElementById(id)取元素然后每句都加分号是很好的习惯没有问题的话请加上分号否则有些地方可能会有麻烦

火狐浏览器阻止了JS脚本怎么办
您好！点击 Firefox 窗口顶部的 Firefox 按钮并选择选项。在设置窗口, 选择内容选项卡. 启用JavaScript: 勾选该选项来启用JavaScript。要更改高级设置，按下高级...点击确定按钮关闭“选项”窗口。火狐浏览器是一款开源、安全的浏览器，拥有非常强大的扩展功能，可以根据自己的需求定制浏览体验。使用的...

js导航栏代码不兼容火狐
您好，感谢您对火狐的支持为您提供一个兼容的实例，与您设计的效果基本一致，简单修改下就可以直接使用了：http:\/\/js.mobanwang.com\/201107\/10517.html 您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

网站制作页面出问题,JS在火狐里不兼容,请高手指教
(2)解决方法：改用 document.formName.elements["elementName"](3)其它参见 2 2. 集合类对象问题 (1)现有问题：现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox(火狐)不能。(2)解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"...

js代码不支持火狐浏览器,如何解决
var alltags=document.all? document.all : document.getElementsByTagName_r = "*"把这句改成:var alltags=document.getElementsByTagName("div");就可以了.

这段js 火狐不兼容、IE 和其他浏览器可以、求解答、在线等!谢谢大家...
div的高度不是固定的可以尝试用offsetHeight 获取，修改后如下： function allHeight() { var divs1 = document.getElementById("div_m");var divh=divs1.offsetHeight;if(parseInt(divh)<1400){ divs1.style.height = 1400 +"px";} alert(divs1.offsetHeight + "px");} window.onload =...

这段JS在火狐下不支持怎么改?(内容切换)
\/\/网站滑动切换 function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i);var con=document.getElementById("con_"+name+"_"+i);menu.className=i==cursel?"hover":"";con.style.display=i==cursel?"block":"none";} } 用这个。

全选多选js代码,但不兼容火狐,那位高手帮忙修改一下,非常感谢,5分...
改为全选 function checkAll(str){ var a = document.getElementsByName(str);var n = a.length;for (var i=0; i<n; i++)a[i].checked = window.event.srcElement.checked;} 改为 function checkAll(str,event){ var a = document.getElementsByName(str);var n = a.length;for (...

相似回答

大家正在搜