浏览器兼容性问题Javascript
我得到了以下Javascript代码，它在Mozilla Firefox中正常工作，但在Google Chrome中没有。你知道为什么会这样吗？ Chrome中的ToBMI即使值为45（检查所有最后一个按钮都会给你值45，然后大于26，所以结果应该将HyDediv设置为<代码>显示：-内联而不是<代码>显示：没有< <代码> >，如函数<代码> CuxESS[（）/代码>。）它仍然认为它是0，因为它显示低风险信息。在Firefox中，它总是显示正确的答案 Javascript代码：浏览器兼容性问题Javascript,javascript,cross-browser,compatibility,Javascript,Cross Browser,Compatibility,我得到了以下Javascript代码，它在Mozilla Firefox中正常工作，但在Google Chrome中没有。你知道为什么会这样吗？ Chrome中的ToBMI即使值为45（检查所有最后一个按钮都会给你值45，然后大于26，所以结果应该将HyDediv设置为显示：-内联而不是显示：没有< >，如函数 CuxESS[（）/代码>。）它仍然认为它是0，因为它显示低风险信息。在Firefox中，它总是显示正确的答案 Javascript代码： function CalculateValu
function CalculateValue() {
var age = +getAgeValue('age'),
bmi = +getBmiValue('bmi'),
fami = +getFamValue('fam'),
diet = +getDietValue('diet'),
totalBMI = age + bmi + fami + diet;
totalBMI = parseFloat(totalBMI);
alert(totalBMI);
if (totalBMI > 26) {
function changeCSS() {
document.getElementById("btn").onclick = function() {
var hMessage = document.getElementById("hRisk");
hMessage.style.display = 'inline';
/*var newSpan = document.createElement("span");
var newSpanText = document.createTextNode("Your main factors risk are " );
newSpan.appendChild(newSpanText);
var pElem = document.getElementById("space");
pElem.appendChild(newSpan); */
}
}
changeCSS();
} else if (totalBMI > 16 ) {
function changeCSS() {
document.getElementById("btn").onclick = function() {
var mMessage = document.getElementById("mRisk");
mMessage.style.display = 'inline';
}
}
changeCSS();
} else {
function changeCSS() {
document.getElementById("btn").onclick = function() {
var lMessage = document.getElementById("lRisk");
lMessage.style.display = 'inline';
}
}
changeCSS();
}
}
function getAgeValue()
{
for (var i = 0; i < document.getElementsByName('age').length; i++)
{
if (document.getElementsByName('age')[i].checked)
{
return document.getElementsByName('age')[i].value;
}
}
}
function getBmiValue()
{
for (var i = 0; i < document.getElementsByName('bmi').length; i++)
{
if (document.getElementsByName('bmi')[i].checked)
{
return document.getElementsByName('bmi')[i].value;
}
}
}
function getFamValue()
{
for (var i = 0; i < document.getElementsByName('fam').length; i++)
{
if (document.getElementsByName('fam')[i].checked)
{
return document.getElementsByName('fam')[i].value;
}
}
}
function getDietValue()
{
for (var i = 0; i < document.getElementsByName('diet').length; i++)
{
if (document.getElementsByName('diet')[i].checked)
{
return document.getElementsByName('diet')[i].value;
}
}
}
函数CalculateValue（）{
变量年龄=+getAgeValue（'age'），
bmi=+getBmiValue（'bmi'），
fami=+getFamValue（'fam'），
饮食=+getDietValue（“饮食”），
总体重指数=年龄+体重指数+家庭+饮食；
totalBMI=parseFloat（totalBMI）；
警戒（总体重指数）；
如果（总体重指数>26）{
函数changeCSS（）{
document.getElementById（“btn”）.onclick=function（）{
var hMessage=document.getElementById（“hRisk”）；
hMessage.style.display='inline'；
/*var newSpan=document.createElement（“span”）；
var newSpanText=document.createTextNode（“您的主要风险因素”）；
newSpan.appendChild（newSpanText）；
var pElem=document.getElementById（“空格”）；
pElem.appendChild（新闻潘）*/
}
}
changeCSS（）；
}否则，如果（总体重指数>16）{
函数changeCSS（）{
document.getElementById（“btn”）.onclick=function（）{
var mMessage=document.getElementById（“mRisk”）；
mMessage.style.display='inline'；
}
}
changeCSS（）；
}否则{
函数changeCSS（）{
document.getElementById（“btn”）.onclick=function（）{
var lMessage=document.getElementById（“lRisk”）；
lMessage.style.display='inline'；
}
}
changeCSS（）；
}
}
函数getAgeValue（）
{
for（var i=0；i<script src="jsbmi4.js"></script>
<title>Java</title>
<body>
<form method="post" action="process.php" id="radioForm">
<fieldset>
<div>
<label for="age" class="lClass"> <span class="span1"> How old are you? </span>
<input type="radio" id="age1" name="age" value="0">0-25
<input type="radio" id="age1" name="age" value="5">26-40
<input type="radio" id="age1" name="age" value="8">41-60
<input type="radio" id="age1" name="age" value="10">60+
</label>
</div>
<div>
<label for="bmi"> <span class="span1"> What is your BMI? </span>
<input type="radio" id="bmi1" name="bmi" value="0">0-25
<input type="radio" id="bmi1" name="bmi" value="0">26-30
<input type="radio" id="bmi1" name="bmi" value="9">31-35
<input type="radio" id="bmi1" name="bmi" value="10">35+
</label>
</div>
<div>
<label for="fam"> <span class="span1"> Does anybody in your family have diabetes? </span>
<input type="radio" id="fam1" name="fam" value="0">No
<input type="radio" id="fam1" name="fam" value="7">Grandparent
<input type="radio" id="fam1" name="fam" value="15">Sibling
<input type="radio" id="fam1" name="fam" value="15">Parent
</label>
</div>
<div>
<label for="diet"> <span class="span1"> How would you describe your diet? </span>
<input type="radio" id="diet1" name="diet" value="0">Low sugar
<input type="radio" id="diet1" name="diet" value="0">Normal sugar
<input type="radio" id="diet1" name="diet" value="7">Quite high sugar
<input type="radio" id="diet1" name="diet" value="10">High sugar
</label>
</div>
<div class="button">
<input id="btn" type="button" value="Calculate" onclick="CalculateValue()">
<!-- <input id="submit" type"submit" value="submit"> -->
</div>
</fieldset>
</form>
<div id="lRisk">
<h2> Your Result </h2>
<p> Your results show that you currently have a low risk of developing diabetes. However, it is important that you maintain a healty lifestyle in terms of diet and exercise. </p>
</div>
<div id="mRisk">
<h2> Your Result </h2>
<p> Your results show that you currently have a medium risk of developing diabetes. For more information on your risk factors, and what to do about them, please visit our diabetes advice website at <a href="http://www.zha.org.zd">http://www.zha.org.zd.</a> </p>
</div>
<div id="hRisk">
<h2> Your Result </h2>
<p>Your results show that you currently have a HIGH risk of developing diabetes.<span id="space"></span> We advice that you contact the Health Authority to discuss your risk factors as soon as you can. Please fill in our <a href="index2.html"> contact form</a> and a member of the Health Authority Diabetes Team will be in contact with you. </p>
</div>
</body>
JAVA
你多大了？
0-25
26-40
41-60
60+
你的体重指数是多少？
0-25
26-30
31-35
35+
你家里有人患有糖尿病吗？
不
祖父母
兄弟姐妹
父母亲
你如何描述你的饮食？
低糖
正常糖
糖分很高
高糖
你的结果
你的结果表明你目前患糖尿病的风险很低。然而，在饮食和锻炼方面保持健康的生活方式是很重要的
你的结果
您的研究结果表明，您目前患糖尿病的风险中等。有关您的风险因素的更多信息，以及如何应对，请访问我们的糖尿病咨询网站：
你的结果
你的研究结果表明你目前患糖尿病的风险很高。我们建议您尽快联系卫生部门讨论您的风险因素。请填写我们的表格，卫生局糖尿病小组的一名成员将与您联系
<代码> > p>您没有关闭任何代码>输入< /代码>标签考虑使用<代码> <代码>自闭标签。您放错了关闭标签
您不应该仅仅为了在下一行中使用而重新声明函数。
不确定，当您已经有答案时，为什么要绑定到onclick
事件，这使得它仅在用户点击calculate
按钮两次时才起作用
在处理了这个问题之后，删除changeCSS函数并直接执行它们的代码就解决了这个问题。这是因为在Chrome中，无论光标是否到达，都会获取函数的第一个定义，因此在所有三种情况下只执行第一个changeCSS函数；firefox读取正确的定义
JAVASCRIPT:
function CalculateValue() {
var totalBMI = 0+parseInt(getAgeValue('age'))
+parseInt(getBmiValue('bmi'))
+parseInt(getFamValue('fam'))
+parseInt(getDietValue('diet'));
alert(totalBMI);
if (totalBMI > 26) {
//function changeCSS(){
//document.getElementById("btn").onclick = function () {
var hMessage = document.getElementById("hRisk");
hMessage.style.display = 'block';
/*var newSpan = document.createElement("span");
var newSpanText = document.createTextNode("Your main factors risk are " );
newSpan.appendChild(newSpanText);
var pElem = document.getElementById("space");
pElem.appendChild(newSpan); */
//}
//}
//changeCSS();
} else if (totalBMI > 16) {
//function changeCSS(){
//document.getElementById("btn").onclick = function () {
var mMessage = document.getElementById("mRisk");
mMessage.style.display = 'block';
//}
//}
//changeCSS();
} else {
//function changeCSS(){
//document.getElementById("btn").onclick = function () {
var lMessage = document.getElementById("lRisk");
lMessage.style.display = 'block';
//}
//}
//changeCSS();
}
}
function getAgeValue() {
for (var i = 0; i < document.getElementsByName('age').length; i++) {
if (document.getElementsByName('age')[i].checked) {
return document.getElementsByName('age')[i].value;
}
}
return 0;
}
function getBmiValue() {
for (var i = 0; i < document.getElementsByName('bmi').length; i++) {
if (document.getElementsByName('bmi')[i].checked) {
return document.getElementsByName('bmi')[i].value;
}
}
return 0;
}
function getFamValue() {
for (var i = 0; i < document.getElementsByName('fam').length; i++) {
if (document.getElementsByName('fam')[i].checked) {
return document.getElementsByName('fam')[i].value;
}
}
return 0;
}
function getDietValue() {
for (var i = 0; i < document.getElementsByName('diet').length; i++) {
if (document.getElementsByName('diet')[i].checked) {
return document.getElementsByName('diet')[i].value;
}
}
return 0;
}
函数CalculateValue（）{
var totalBMI=0+parseInt（getAgeValue（'age'））
+parseInt（getBmiValue（'bmi'））
+parseInt（getFamValue（'fam'））
+parseInt（getDietValue（'diet'））；
警戒（总体重指数）；
如果（总体重指数>26）{
//函数changeCSS（）{
//document.getElementById（“btn”）.onclick=function（）{
var hMessage=document.getElementById（“hRisk”）；
hMessage.style.display='block'；
/*var newSpan=document.createElement（“span”）；
var newSpanText=document.createTextNode（“您的主要风险因素”）；
newSpan.appendChild（newSpanText）；
var pElem=docum
<body>
<form method="post" action="process.php" id="radioForm">
<fieldset>
<div>
<label for="age" class="lClass"><span class="span1"> How old are you?</span></label>
<input type="radio" id="age1" name="age" value="0"/>0-25
<input type="radio" id="age1" name="age" value="5"/>26-40
<input type="radio" id="age1" name="age" value="8"/>41-60
<input type="radio" id="age1" name="age" value="10"/>60+
</div>
<div>
<label for="bmi"> <span class="span1"> What is your BMI? </span></label>
<input type="radio" id="bmi1" name="bmi" value="0"/>0-25
<input type="radio" id="bmi1" name="bmi" value="0"/>26-30
<input type="radio" id="bmi1" name="bmi" value="9"/>31-35
<input type="radio" id="bmi1" name="bmi" value="10"/>35+
</div>
<div>
<label for="fam"> <span class="span1"> Does anybody in your family have diabetes?</span></label>
<input type="radio" id="fam1" name="fam" value="0"/>No
<input type="radio" id="fam1" name="fam" value="7"/>Grandparent
<input type="radio" id="fam1" name="fam" value="15"/>Sibling
<input type="radio" id="fam1" name="fam" value="15"/>Parent
</div>
<div>
<label for="diet"> <span class="span1"> How would you describe your diet? </span></label>
<input type="radio" id="diet1" name="diet" value="0"/>Low sugar
<input type="radio" id="diet1" name="diet" value="0"/>Normal sugar
<input type="radio" id="diet1" name="diet" value="7"/>Quite high sugar
<input type="radio" id="diet1" name="diet" value="10"/>High sugar
</div>
<div class="button">
<input id="btn" type="button" value="Calculate" onclick="CalculateValue()"/>
<!-- <input id="submit" type"submit" value="submit"> -->
</div>
</fieldset>
</form>
<div id="lRisk" style="display:none;">
<h2> Your Result </h2>
<p> Your results show that you currently have a low risk of developing diabetes. However, it is important that you maintain a healty lifestyle in terms of diet and exercise. </p>
</div>
<div id="mRisk" style="display:none;">
<h2> Your Result </h2>
<p> Your results show that you currently have a medium risk of developing diabetes. For more information on your risk factors, and what to do about them, please visit our diabetes advice website at <a href="http://www.zha.org.zd">http://www.zha.org.zd.</a> </p>
</div>
<div id="hRisk" style="display:none;">
<h2> Your Result </h2>
<p>Your results show that you currently have a HIGH risk of developing diabetes.<span id="space"></span> We advice that you contact the Health Authority to discuss your risk factors as soon as you can. Please fill in our <a href="index2.html"> contact form</a> and a member of the Health Authority Diabetes Team will be in contact with you. </p>
</div>
</body>
function getAgeValue()
{
for (var i = 0; i < document.getElementsByName('age').length; i++)
{
if (document.getElementsByName('age')[i].checked)
{
return document.getElementsByName('age')[i].value;
}
}
}
function getBmiValue()
{
for (var i = 0; i < document.getElementsByName('bmi').length; i++)
{
if (document.getElementsByName('bmi')[i].checked)
{
return document.getElementsByName('bmi')[i].value;
}
}
}
function getFamValue()
{
for (var i = 0; i < document.getElementsByName('fam').length; i++)
{
if (document.getElementsByName('fam')[i].checked)
{
return document.getElementsByName('fam')[i].value;
}
}
}
function getDietValue()
{
for (var i = 0; i < document.getElementsByName('diet').length; i++)
{
if (document.getElementsByName('diet')[i].checked)
{
return document.getElementsByName('diet')[i].value;
}
}
}
function CalculateValue() {
var age = +getAgeValue('age'),
bmi = +getBmiValue('bmi'),
fami = +getFamValue('fam'),
diet = +getDietValue('diet'),
totalBMI = age + bmi + fami + diet;
totalBMI = parseFloat(totalBMI);
alert(totalBMI);
if (totalBMI > 26) {
document.getElementById("btn").onclick = function() {
var hMessage = document.getElementById("hRisk");
hMessage.style.display = 'inline';
/*var newSpan = document.createElement("span");
var newSpanText = document.createTextNode("Your main factors risk are " );
newSpan.appendChild(newSpanText);
var pElem = document.getElementById("space");
pElem.appendChild(newSpan); */
}
} else if (totalBMI > 16 ) {
document.getElementById("btn").onclick = function() {
var mMessage = document.getElementById("mRisk");
mMessage.style.display = 'inline';
}
} else {
document.getElementById("btn").onclick = function() {
var lMessage = document.getElementById("lRisk");
lMessage.style.display = 'inline';
}
}
}