Firefox 中的 Javascript 问题，但 IE 中没有调试问题 VIsual Studio 2010答案

【问题标题】：Javascript Problems in Firefox but not in IE Debugging problems VIsual Studio 2010Firefox 中的 Javascript 问题，但 IE 中没有调试问题 VIsual Studio 2010
【发布时间】：2012-05-13 20:43:53
【问题描述】：

帮助我对使用 ASP.NET 进行 Web 开发非常陌生。为什么我的网络应用程序在调试下面的代码时没有像 IE 那样提供所需的输出：

<!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>
<title></title>
<style type="text/css">
    h1{color:Blue}
    h2{color:Red}

</style>
<script type="text/javascript">
    function ShowColor() {
        alert("You selected " + SelectColor.value);
        BodyContent.style.backgroundColor = SelectColor.value;
    }
</script>
</head>
<body>
<div id="BodyContent">
    <h1>HelloWorld</h1>
    <h2>Welcome</h2>
    <p>
    This is my first Web Page</p>
    <hr />
    Please select color:
    <select id="SelectColor">
        <option value="white">white</option>
        <option value="yellow">yellow</option>
        <option value="silver">silver</option>
    </select>
    <input id="ButtonColor" type="button" value="Select" onclick="ShowColor()" />
</div>

</body>
</html>

问题是当我单击选择按钮时 FF 不执行 javascript“ShowColor”，但 IE 执行。

    function ShowColor() {
        alert("You selected " + SelectColor.value);
        BodyContent.style.backgroundColor = SelectColor.value;
    }

【问题讨论】：

你问的问题不清楚。首先你提到 Firefox 是问题，然后你提到“问题是当我单击选择按钮时 IE 执行 javascript“ShowColor””，问题是句子中的关键词。
感谢您的评论。我真的很抱歉。我想表达的是 Firefox 不能像 IE 那样正确输出它。因为 Firefox 不执行 jscript

标签： javascript asp.net css html

【解决方案1】：

你的javascript函数应该如下：

function ShowColor() {
    alert("You selected " + document.getElementById("SelectColor").value);
    document.body.style.backgroundColor = document.getElementById("SelectColor").value;
}

您需要使用 javascript 选择实际元素。例如 document.gelElementById("id of element")，然后改变文档颜色。这应该适用于任何浏览器。

该函数现在显示适当的选定值并实际更改网页的背景。如果这对您有帮助，请标记为答案。

【讨论】：

非常感谢@jacqijw。如我错了请纠正我。我只是意识到 asp.net 代码（我应该说 VS Web 应用程序代码）仅适用于 IE。谢谢你的协助。我现在可以继续学习教程了。
@Jed - 这也是为什么您永远不应该将 IE 视为工作方式的参考的另一个原因。
@jacqijw：你能帮帮我吗：link

【解决方案2】：

试试这个：

<script type="text/javascript">
var selected;
function alertselected(selectobj) {
    selected = selectobj.selectedIndex;
}

function ShowColor() {
    alert("You selected " + selected);
    elm = document.getElementById("sample");
    document.getElementById("BodyContent").style.backgroundColor = elm.options[elm.selectedIndex].value;
}

html:

<div id="BodyContent"><select id="sample" onChange="alertselected(this)">option>white</option><option>yellow</option><option>silver</option>

<input id="ButtonColor" type="button" value="Select" onclick="ShowColor()" /></div>

【讨论】：