python学习笔记(javascript)

最新推荐文章于 2023-08-29 11:24:24 发布

mkgdjing

最新推荐文章于 2023-08-29 11:24:24 发布

阅读量171

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/mkgdjing/article/details/87642095

版权

1). java和javascript没有关系(雷锋和雷峰塔);
2). html: 机器人的框架; css: 给机器人涂色，穿个衣服; js: 让机器人可以动起来.

JS总结

ECMAScript(基础语法)

1). 定义变量:
var a = 1; — 局部变量;
a = 2; — 全局变量;

2). 使用的数据结构: (string, number, boolean<true, false>, array, null, undefined)

3). 比较:
== ：不判断数据类型 5 == ‘5’ (返回true) 5 == 5(返回true)
=== ：判断数据类型 5 === ‘5’ (返回false) 5 === 5(返回true)

4). 如何定义函数?
function 函数名{
函数体;
}
匿名函数: “setInterval(‘changImg()’, 1000);”

5). if . for, while,

BOM对象;
Windows: alert(), setInterval(), clearInterval()
location: href() – 跳转到指定界面
DOM对象

事件: onload, onsubmit, onclick, onfocus, onblur, onchange,
警告信息实现的方式:
alert();
document.getElementById(’’).innerHtml = “error”

Document: 整个html文件；
Element: 所有的标签都可以称为Element;

Attribute: 标签里面的属性
Text:
Node: 上面提到的所有名词都可以称为节点;

登录信息校验

需求:
1). 用户登录时，会填写一些信息, 如果所有的请求都提交给服务器处理，服务端压力较大;
2). 在前端先校验， (防君子不防小人);
- 后端也需要校验
实现步骤:
1. 确定事件类型onsubmit(常见事件类型的网址: http://www.w3school.com.cn/js/js_htmldom_events.asp);
2. 对这个事件绑定一个函数(执行的操作写在函数里面);
3. 函数的核心功能: 校验用户名是否为空?
  1). 获取输入用户名标签提交的内容；
  2). if判断用户名是否为空?
  3). 如果数据合法，继续执行，提交表单；
  4). 如果数据不合法，不让表单提交? (显示弹出框报错) — alert

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function checkForm() {
            // # 1. 获取用户名提交的内容;[object HTMLInputElement]
            var user = document.getElementById('user').value;
            // alert(user);


            //    2. 判断用户名是否为6～8个字符;
            var userLen = user.length;
            // alert(userLen >=6 && userLen<=8);
            if (userLen <= 6 || userLen >= 8) {
                alert("用户名不合法");
                return false;

            }


        }


    </script>
</head>
<body>


<!--当提交信息的时候， 执行函数checkForm()-->
<form onsubmit="return checkForm()">
    <input type="text" name='user' id="user" placeholder="用户名(6~8个字符)">
    <input type="password" name='passwd' id="passwd" placeholder="密码(6位)">
    <input type="submit" value="登录">
</form>


</body>
</html>

聚焦与离焦事件的应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function checkUser() {
            // # 1. 获取用户输入夫人用户名;
            var user = docum

最低0.47元/天解锁文章

mkgdjing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
python学习笔记(javascript)

1). java和javascript没有关系(雷锋和雷峰塔);2). html: 机器人的框架; css: 给机器人涂色，穿个衣服; js: 让机器人可以动起来.登录信息校验需求:1). 用户登录时，会填写一些信息, 如果所有的请求都提交给服务器处理，服务端压力较大;2). 在前端先校验， (防君子不防小人);后端也需要校验实现步骤:确定事件类型onsubmi...
复制链接

扫一扫