javascript - 此脚本显示无不适用于 chrome

Question

我有一个页面，用户必须在其中选中单选按钮 - 如果他是新用户，他将被重定向到另一个页面。

如果他是现有用户并选中此按钮，则会出现 2 个框:username 和 password

出于某种原因，此脚本不适用于 chrome。

谢谢你的帮助

<script>
    function dispLoing(val)
    {
        var obj = document.getElementById ? 
                     document.getElementById("loginForm").style :
                     document.all ?
                         document.all.loginForm :
                         document.loginForm;

        if (val == "new")
        {
            document.all.login(0).checked = true;
            obj.display = "none";
        }

        if (val == "existing")
        {
            document.all.login(1).checked = true;
            obj.display = "";
        }
    }
</script>

<td>
    <span id = "loginForm" style = "position: relative; top: 0px; left: 0px;
                                    z-index:80; display:none;">
        <table border=0>
            <tr>
                <td>
                    <font style = "font-size: 14px">Username:</font>
                </td>
                <td>
                    <input type = "text" name = "username" 
                          style = "width: 100px; height:17px; font-size: 12px;">
                </td>
            </tr>
            <tr>
                <td>
                    <font style = "font-size: 14px">Password:</font>
                </td>
                <td>
                    <input type = "password" name = "pass"
                          style = "width: 100px; height: 17px; font-size: 12px;">
                </td>
            </tr>
        </table>
    </span>

Answer 1

document.all 是专有的 Microsoft 垃圾，只有在您需要支持 IE 4 时才有用。现在可以安全地假设支持 document.getElementById。

当您分配 obj 时，您会在尝试使用它之前测试它是否存在。

在你的两个 if 语句中，你盲目地使用它。这会导致脚本在到达 obj.display 行之前终止。

function dispLoing(val) {
    var frm = document.getElementById("loginForm");
    var radios = frm.elements.login;
    if (val === "new") {
        radios[0].checked = true;
        frm.style.display = "none";
    } else if (val === "existing") {
        radios[1].checked = true;
        frm.style.display = "";
    }
}