Question

我正在尝试从链接运行示例javascript代码：Link

在FF和IE上没有任何事情发生，扫描后，它只是清除文本字段。这是什么问题？

代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="javascript">
    function ini()
    {

    // Retrieve the code
    var code =document.getElementById ('code_read_box').value;

    alert(code);

    // Return false to prevent the form to submit
    return false;

    }

</script>

</head>


<body>

    <form onsubmit = "return ini()">

    <input type="text" id="code_read_box" value="" />

    </form>
</body>
</html>

Answer 1

<script type="text/javascript">

而不是

<script type="javascript">

Answer 2

“问题”可以是众多事物中的任何一个。你确定正在加载JS代码吗？ JS控制台中是否有错误？您是否尝试使用类似firebug的内容来查看实际发生的情况？

如果没有更多信息，我们无法猜出实际发生了什么。

Answer 3

这有效：

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
</head>
<body>

    <form onsubmit="return ini()">
        <input type="text" id="code_read_box">
    </form>

    <script>
        function ini() {
            var code = document.getElementById('code_read_box').value;
            alert(code);
            return false;
        }
    </script>

</body>
</html>

同样的事情，但使用jQuery：
（这将使其在IE中工作）

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
</head>
<body>

    <form id="foo">
        <input type="text" id="code_read_box">
    </form>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#foo").submit(function() {
                alert( $("#code_read_box").val() );
                return false;
            });
        });
    </script>

    </body>
</html>

Javascript示例程序无法正常工作

3 个答案: