53、网页开发综合指南

网页开发综合指南

1. 网页交互性与 JavaScript

HTML 页面并非只能是静态文档，通过 JavaScript 可以为其添加可执行内容，赋予页面行为。例如，下面的代码展示了如何使用 JavaScript 验证用户的出价是否大于零：

<script>
    window.onload = init;
    function init() {
        var submitButton = document.getElementById("submitButton");
        submitButton.onclick = validBid;
    }
    function validBid() {
        if (document.getElementById("bid").value > 0) {
            document.getElementById("theForm").submit();
        } else {
            return false;
        }
    }
</script>
<form id="theForm" method="post" action="contest.php">
    <input type="number" id="bid" value="0"><br>
    <input type="button" id="submitButton" value="Bid!"><br>
</form>
<