js函数、事件、常见提示信息、请求、Ajax

函数:

函数的调用 .方法名()

使用创建变量的方法定义函数

var 名 = function(){}

使用new关键字定义函数

var 名 = new function(){}

{}里写代码块,当变量处于代码块当中,外部访问不到,此时变量变成了全局变量(局部作用域)

当一个变量存在于该函数当中时,它会是一个局部变量(除了此代码块之外的地方都访问不到)

声明变量的时候如果省略var关键字,那么它将永远全局变量

当函数的形参>实参,多出来的值为undefined

当函数的实参>形参时,多出来的实参会被省略

函数的种类:

(function(){}())

匿名函数(自调用函数)

嵌套函数

function hs(){
        function hs(){
        }
}

递归函数(必须加结束条件)

构造函数

function Fun(name,age){
    this.name = name;
    this.age = age;
}
var fun2 = new Fun('构造',18);
console.log(fun2);

通过ID名获取标签

document.getElementByID(ID名);

通过class获取h5内容,获取到的内容是一个数组(因为不是唯一的)

通过标签名获取标签

document.getElementByTagName();

通过name属性获取标签ByName

伪数组

有数组长度.length

innerText王页面替换内容(替换原来的内容,原来的内容被覆盖)

innerHTML(替换页面的内容,可以识别当中的标签)

js修改css样式。获取到的标签.style.样式 = “样式内容” 两个单词的css要写成驼峰

document.createElement 创建标签(节点)

document.createTextNode 创建标签内容

appendChild 插入节点

bom浏览器对象模型.window

.open打开新页面 .close关闭当前页面 .location.href 跳转页面

事件:

鼠标事件:

点击时间:onclick

双击事件:ondbclick

onmouseenter鼠标滑入执行 onmouseleave鼠标移出执行

onmouseover移入执行 onmouseout移出执行

onmousedown鼠标按下执行 onmouseup鼠标抬起执行

键盘事件:

onkeydown 键盘按下

onkeyup键盘抬起

onkeypress按下执行,但是功能键不生效(功能键不执行)

表单事件

onblur失焦时执行

onfocus获取焦点时执行

oninput用户每输入一次就会执行

onchange改变事件,一般会用在下拉单选框

事件冒泡:

.stopPropagation()阻止事件冒泡

定时器:

setInterval(function(){},时间(毫秒))

每隔几秒执行1次

setInterval 特征是:每隔几秒只执行1次

清除定时器

clearInterval()

clearTimeout()

括号里要写清除定时器(定时器名字)

同步,当代码执行时某一行报错或者执行不了会影响后面紧跟的所有代码都不能执行,异步,当代码执行时某一行报错不会影响其他代码的执行,ajax,是异步执行的,异步刷新。协议域名端口其中一个不一样就会引起跨域问题,ipconfig 查看本机IP地址,ping +IP地址互通,HTTP 超文本传输协议,一共分两条,一个是请求一个是响应,有请求不一定有响应,有响应必有请求,不可能没请求有响应

常见提示信息、请求

常见提示信息

200请求成功 、404路径发生错误(接口路径或ip)、400接口请求方式错误(请求参数有问题)、500服务器端报错(后台报错)

delete删除请求 put修改请求、options上传请求

Get和Post

Get一般用来取回数据

Post一般用来提交数据,尤其数据量大的时候

Get请求长度有限制,一般为2kb

Post请求长度没有限制,一般为4mb

Get请求有缓存,并且会保留在历史记录当中

Post请求不被缓存,并且不会保存在历史记录当中

Ajax:

url:"写后台地址、服务器端地址"

method:"写请求方式"

data:{

        前端给后台的请求参数

}

success(){

        成功回调函数

}

error(){

        失败回调函数

}

​
<!DOCTYPE html>
<html lang="en">
​
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录、注册</title>
</head>
​
<body>
    <!-- 登录 -->
    <form name="Form1" method="">
        手机号:<input type="text" id="phone" name="bt">
        密码:<input type="password" id="password" name="bt">
        <input type="submit"  onclick="login()" value="登录">
    </form>
    <script src="./jquery-1.8.3.min.js"></script>
    <script>
            // $.ajax({
            //     url: "http://localhost:8081/login",
            //     method: "get",
            //     data: {
            //         phone: "15965325082",
            //         password: "a123123",
            //     },
            //     success() {
            //         console.log("登陆成功!");
            //     },
            //     error() {
            //         console.log("登陆失败");
            //     }
            // })
        
        $.ajax({
                url: "http://localhost:8081/inseret",
                method: "post",
                data: {
                    username:"李四",
                    phone: "19625698452",
                    password: "aaaccc",
                    idcard:"114569855263200359",
                    age:"12",
                    sex:"男",
                },
                success() {
                    console.log("注册成功!");
                },
                error() {
                    console.log("注册失败!");
                }
            })
​
    </script>
</body>
</html>

​
  • 18
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值