JavaScript练习—顾客注册页面 

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        #info {
            width: 250px;
            height: 500px;
            background-color: #bfa;
            overflow: auto;
        }
    </style>

    <script type="text/javascript">
        window.onload = function () {
            /*
                当垂直滚动条滚动到底的时使表单项可用
                onscroll
                    该事件会在元素的滚动条滚动时触发
            */

            // 获取id为info的p元素
            var info = document.getElementById("info");
            // 获取两个表单项
            var inputs = document.getElementsByTagName("input");

            // 为info绑定一个滚动条滚动的事件
            info.onscroll = function () {
                // alert("我滚了~~~");

                // 检查垂直滚动条是否滚动到底
                if (info.scrollHeight - info.scrollTop == info.clientHeight) {
                    // alert("我已经滚到底了~~~");
                    inputs[0].disabled = false;
                    inputs[1].disabled = false;
                }
            }
        }
    </script>
</head>

<body>
    <h3>欢迎亲爱的用户注册</h3>
    <p id="info">
        亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册<br /><br />
        旧忆就像一扇窗<br />
        推开了就再难合上<br />
        谁踩过枯枝轻响<br />
        萤火绘着画屏香<br />
        为谁拢一袖芬芳<br />
        红叶的信笺情意绵长<br />
        他说就这样去流浪<br />
        到美丽的地方<br />
        谁的歌声轻轻<br />
        轻轻唱<br />
        谁的泪水静静淌<br />
        那些年华<br />
        都付作过往<br />
        他们偎依着彼此说好要面对风浪<br />
        又是一地枯黄<br />
        枫叶红了满面秋霜<br />
        这场故梦里<br />
        人生如戏唱<br />
        还有谁登场<br />
        昏黄烛火轻摇晃<br />
        大红盖头下谁彷徨<br />
        流泪的花和荣喜堂<br />
        静静放在一旁<br />
        回忆像默片播放<br />
        刻下一寸一寸旧时光<br />
        他说就这样去流浪<br />
        到美丽的地方<br />
        谁的歌声轻轻<br />
        轻轻唱<br />
        谁的泪水静静淌<br />
        愿化一双<br />
        鸟儿去飞翔<br />
        任身后哭号嘶喊着也追不上<br />
        又一年七月晚风凉<br />
        斜阳渐矮只影长<br />
        这场故梦里<br />
        孤桨声远荡<br />
        去他乡 遗忘<br />
    </p>
    <!-- 如果为表单项添加 disabled="disabled" ，则表单项将变成不可用的状态 -->
    <input type="checkbox" disabled="disabled" />我已仔细阅读协议，一定遵守
    <input type="submit" value="注册" disabled="disabled" />
</body>

</html>

 

posted @ 2020-08-01 10:08  我等着你  阅读(178)  评论(0)    收藏  举报