zoukankan      html  css  js  c++  java
  • 初学JS

    JS验证表单是否为空,若为空,显示弹窗,之后将焦点聚集在为空的表单上:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script language="JavaScript">
            function check() {
                if (loginForm.username.value == "") {
                    alert("用户名不能为空!");
                    loginForm.username.focus();
                    return false;
                } else if (loginForm.password.value == "") {
                    alert("密码不能为空!");
                    loginForm.password.focus();
                    return false;
                }
            }
        </script>
    </head>
    <body>
    <form name="loginForm" method="post" action="">
        用户:<input type="text" name="username"/>
        密码:<input type="password" name="password"/>
        <input type="submit" name="submit" value="登录" onclick="return check();">
    </form>
    </body>
    </html>

     JS制作二级导航菜单:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <script language="JavaScript">
            function Lmenu(value) {
                switch (value) {
                    case '收藏':
                        submenu.innerHTML = "<a href='#'>宝贝收藏</a>|<a href='#'>店铺收藏</a>";
                        break;
                    case '已购买的宝贝':
                        submenu.innerHTML = "<a href='#'>购买列表</a>|<a href='#'>购买详情</a>";
                        break;
                    case '购物车':
                        submenu.innerHTML = "<a href='#'>清空购物车</a>|<a href='#'>填写订单信息</a>";
                        break;
                    case '个人中心':
                        submenu.innerHTML = "<a href='#'>个人资料</a>|<a href='#'>我的好友</a>";
                        break;
                }
            }
        </script>
    </head>
    <body>
    <div>
        <ul>
            <li><a href="#" onmouseover="Lmenu('收藏');">收藏</a></li>
            <li><a href="#" onmouseover="Lmenu('已购买的宝贝');">已购买的宝贝</a></li>
            <li><a href="#" onmouseover="Lmenu('购物车');">购物车</a></li>
            <li><a href="#" onmouseover="Lmenu('个人中心');">个人中心</a></li>
        </ul>
    </div>
    <div id="submenu" class="submenu"></div>
    </body>
    </html>

     JS实现页面跳转:

    <a href="javascript:window.location.href = 'http://www.baidu.com';">百度一下</a>

     JS为一个文本框赋值:‘这是一篇文章’,并设置清除文本框按钮:

    <div>
        <textarea id="title" cols="50" rows="10"></textarea>
        <script language="JavaScript">
            var text = document.getElementById('title');
            text.value = '这是一篇文章';
        </script>
        <button onclick="text.value = '';">清除</button>
    </div>
  • 相关阅读:
    thread ---- join
    函数传参传的是啥的思考【java Python】
    关于 私有变量的访问问题【 java python]
    编程语言的某些 概念
    python 小整数池 和intern 【整理】
    [题解] uva 11354 Bond(kruskal最小生成树+倍增LCA)
    [题解] bzoj 1016 jsoi 2008 最小生成树计数 (kruskal最小生成树)
    [题解] bzoj 1821 jsoi 2010 Group 部落划分(kruskal最小生成树)
    [题解] uva 10369 Arctic Network(kruskal最小生成树)
    [题解] 洛谷 P1550 USACO 2008 OCT 打井Watering Hole (kruskal最小生成树)
  • 原文地址:https://www.cnblogs.com/xingyazhao/p/7187005.html
Copyright © 2011-2022 走看看