day18

1-如何多次给同一元素绑定多种同类型的事件？

1：addEventListener W3C

2：attachEvent IE

  1:addEventListener三个参数

  参数1：用来指定事件类型 W3C没有on前缀

  参数2：用来指定事件处理函数

  参数3：用来指定事件模型（事件冒泡和事件捕获）

  attachEvent:只有两个参数

  参数1：用来指定事件类型 IE仍然有on前缀

  参数2：用来指定事件处理函数*

2-说明 localStorage 和 sessionStorage 的区别

localStorage和sessionStorage的区别点注意：

 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。

不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

3-localStorage 和 sessionStorage 和 cookies 的区别

 

4-使用 jquery 完成一个 ajax 请求

1.$().load(url,callback)

2.$.get(url,data,callback)

3.$.ajax({选项})
url 地址
method 方法(GET,POST)
data 提交给服务器的数据
dataType 服务器返回的数据
timeout 超时时间，单位毫秒
success 成功后的回调函数
error 失败后的回调函数
complete 完成后的回调函数
xhr 回调函数获取xhr引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <title>jquery</title>
</head>
<body>
    <div id="content"></div>
    <button id="btnLoad">Load载入</button>
    <button id="btnGet">Get载入</button>
    <button id="btnAjax">Ajax载入</button>

</body>
</html>
<script>
    $(document).ready( function () {

        $('#btnLoad').click( function () {
            $('#content').load('/content/ p',function () {
                alert('载入成功');
            });
        });

        $('#btnGet').click( function () {
            $.get('/content/',null,function (response) {
                $('#content').html(response);
            });
        });

        $('#btnAjax').click( function () {
            $.ajax({
                url:'/content/',
                method:'Get',
                data:null,
                success: function (response) {
                    $('#content').html(response);
                }
            });
        });




    });
</script>

 

5-http 常见的状态码有哪些？

HTTP状态码的英文为HTTP Status Code

200 – 请求成功

301 – 资源(网页等)被永久转移到其它URL

404 – 请求的资源(网页等)不存在

500 – 内部服务器错误

posted @ 2021-02-26 15:40  雨辰～  阅读(51)  评论(0)    收藏  举报