博主信息
博文 40
粉丝 0
评论 0
访问量 45681
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS学习总结(1)基础实例——2019年10月21号20:00分
虎子爸爸
原创
923人浏览过

实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript基础知识</title>
</head>

<body>
    <h3>JS变量,语句,表达式</h3>
    输入名字:<input type="text" name="name" id="input-a" onblur="log(this.value)">
    <p id="js-p-a" style="color:red;font-weight:500;"></p>

</body>

</html>
<script>
    //定义一个变量
    var username = "xiaohu";
    //定义一个命名函数
    function reg() {
        alert('hao');
    }
    //定义一个函数
    function log($name) {
    //一个简单if语句
        if ($name == username) {
            alert("登录成功");
            document.getElementById("js-p-a").innerHTML = "欢迎你回来:" + $name;
        } else {
            alert("账户或密码错误");
            document.getElementById("input-a").value = '';
            document.getElementById("js-p-a").innerHTML = "账户或密码错误,请重新输入";
        }
    }
    //一个匿名函数
    window.onload = function() {
        alert("别乱动");
    };
    //调用一个函数
    window.onload = reg();
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态:合格

老师批语:不错
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学