18

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

onclick()方式

<!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>绑定多个事件</title>
 6     <script>
 7         window.onload = function(){
 8             document.getElementById('btn').onclick = function () {
 9                 alert(1);
10             };
11             document.getElementById('btn').onclick = function () {
12                 alert(2);
13             };
14         }
15     </script>
16 </head>
17 <body>
18 <button id="btn">点我</button>
19 </body>
20 </html>

运行结果是第二个onclick把第一个onclick给覆盖了，虽然大部分情况用on就可以完成想要的结果，但是有时又需要执行多个相同的事件，很明显如果用on不能完成

addEventListener()方法

1<!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>绑定多个事件</title>
 6     <script>
 7         window.onload = function(){
 8             document.getElementById('btn').addEventListener('click', function(){
 9                 alert(1);
10             }, false);
11             document.getElementById('btn').addEventListener('click', function(){
12                 alert(2);
13             }, false);
14         }
15     </script>
16 </head>
17 <body>
18 <button id="btn">点我</button>
19 </body>
20 </html>

2-说明 localStorage 和 sessionStorage 的区别:

localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示。localStorage有length属性，可以查看其有多少条记录的数据。

sessionStorage 的生命周期是在浏览器关闭前。也就是说，在整个浏览器未关闭前，其数据一直都是存在的。sessionStorage也有length属性，其基本的判断和使用方法和localStorage的使用是一致的。需要注意： 页面刷新不会消除数据.

3- localStorage 和 sessionStorage 和 cookies 的区别:

SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对。 区别在于前两者属于WebStorage，创建它们的目的便于客户端存储数据。 而Cookie早在网景公司的浏览器中就开始支持，最初目的是为了保持HTTP的状态               点击 完整版

4-使用 jquery 完成一个 ajax 请求　
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
 6     <title>jquery</title>
 7 </head>
 8 <body>
 9     <div id="content"></div>
10     <button id="btnLoad">Load载入</button>
11     <button id="btnGet">Get载入</button>
12     <button id="btnAjax">Ajax载入</button>
13 </body>
14 </html>
15 <script>
16     $(document).ready( function () {
17         $('#btnLoad').click( function () {
18             $('#content').load('/content/ p',function () {
19                 alert('载入成功');
20             });
21         });
22         $('#btnGet').click( function () {
23             $.get('/content/',null,function (response) {
24                 $('#content').html(response);
25             });
26         });
27         $('#btnAjax').click( function () {
28             $.ajax({
29                 url:'/content/',
30                 method:'Get',
31                 data:null,
32                 success: function (response) {
33                     $('#content').html(response);
34                 }
35             });
36         });
37     });
38 </script>

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

2开头的状态码代表的是请求已经正常被服务器接收了，并且处理了。

200：这个是最常见的http状态码，表示服务器已经成功接受请求，并将返回客户端所请求的最终结果

202：表示服务器已经接受了请求，但是还没有处理，而且这个请求最终会不会处理还不确定

204：服务器成功处理了请求，但没有返回任何实体内容 ，可能会返回新的头部元信息.

对于3开头的状态码代表的是需要客户端需要进一步去操作才能完成的请求，这些状态码就是用来重定向的.

301：客户端请求的网页已经永久移动到新的位置，当链接发生变化时，返回301代码告诉客户端链接的变化，客户端保存新的链接，并向新的链接发出请求，已返回请求结果

301 redirect: 301 代表永久性转移(Permanently Moved)

302 redirect: 302 代表暂时性转移(Temporarily Moved );

还有4开头的状态码是表示客户端的错误，请求包含语法错误或无法完成请求

404：请求失败，客户端请求的资源没有找到或者是不存在。服务器没办法通过客户端的请求找到资源，NOT FOUND;

5开头的状态码代表服务器的错误

500：服务器遇到未知的错误，导致无法完成客户端当前的请求。

503：服务器由于临时的服务器过载或者是维护，无法解决当前的请求，以上http状态码是服务器经常返回的状态代码，用户只能通过浏览器的状态了解服务器是否正常运行，一般除了错误的状态码，都不会看到服务器的状态码的

posted @ 2021-03-07 22:27  路~  阅读(22)  评论(0)    收藏  举报