博客列表 >JS学习总结(1)基础实例——2019年10月21号20:00分

JS学习总结(1)基础实例——2019年10月21号20:00分

虎子爸爸
虎子爸爸原创
2019年10月24日 13:51:43702浏览

实例

<!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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议