今日刷题(2022-4-28)-请求头和响应头有必要了解

题目1

```
以下哪一项不属于浏览器Response Headers字段：
A: Referer
B: Connection
C: Content-Type
D: Server
```

• 答案 A

  • A: 请求头 ,用于告诉服务器请求来自哪里
  • B: 请求头 ,用于维护客户端和服务端的连接关系
  • C: 请求头 POST可用,响应头也可以使用
  • D: 响应头 web服务器软件名称

• 解析

  常见的请求头   客户端 -> 服务端[request]  
      Accept: */*(客户端能接收的资源类型)
      Accept-Language: en-us(客户端接收的语言类型)
      Connection: Keep-Alive(维护客户端和服务端的连接关系)
      Host: localhost:8080(连接的目标主机和端口号)
      Referer: http://localhost/links.asp(告诉服务器我来自于哪里)
      User-Agent: Mozilla/4.0(客户端版本号的名字)
      Accept-Encoding: gzip, deflate(客户端能接收的压缩数据的类型)
      If-Modified-Since: Tue, 11 Jul 2000 18:23:51 GMT(缓存时间) 
      Cookie: (客户端暂存服务端的信息)
      Date: Tue, 11 Jul 2000 18:23:51 GMT(客户端请求服务端的时间)
      Content-Type: 请求的与实体对应的MIME信息。(POST方式的请求头携带)
  

  常见的响应头   服务端[response] -> 客户端  
  	Location: http://www.baidu.com(服务端需要客户端访问的页面路径) 
      Server: apache tomcat(服务端的Web服务端名)
      Content-Encoding: gzip(服务端能够发送压缩编码类型) 
      Content-Length: 80(服务端发送的压缩数据的长度) 
      Content-Language: zh-cn(服务端发送的语言类型) 
      Content-Type: text/html; charset=GB2312(服务端发送的类型及采用的编码方式)
      Last-Modified: Tue, 11 Jul 2000 18:23:51 GMT(服务端对该资源最后修改的时间)
      Refresh: 1;url=http://www.it315.org(服务端要求客户端1秒钟后，刷新，然后访问指定的页面路径)
      Content-Disposition: attachment; filename=aaa.zip(服务端要求客户端以下载文件的方式打开该文件)
      Transfer-Encoding: chunked(分块传递数据到客户端）  
      Set-Cookie: SS=Q0=5Lb_nQ; path=/search(服务端发送到客户端的暂存数据)
      Expires: -1//3种(服务端禁止客户端缓存页面数据)
      Cache-Control: no-***(服务端禁止客户端缓存页面数据)  
      Pragma: no-***(服务端禁止客户端缓存页面数据)   
      Connection: close(1.0)/(1.1)Keep-Alive(维护客户端和服务端的连接关系)  
      Date: Tue, 11 Jul 2000 18:23:51 GMT(服务端响应客户端的时间)
  

  HTTP响应头和请求头信息对照表

题目2

下面哪种方法可以实现匹配包含给定文本的元素？(jQuery知识点)
A: text()
B: contains(text)
C: input()
D: attr(name)

• 答案

  • B

• 解析

  • A: 用于获取或者设置指定元素的文本内容

    //示例,这里演示的是获取
    <div class="demo-container">
        <div class="demo-box">内容1</div>
    <ul>
            <li>内容2</li>
    		<li>内容3
    			<strong>小弟1</strong>小弟2
    		</li>
     </ul>
    </div>
    <script>
        var a = $(".demo-container").text();//结果为 内容1 内容2 内容3小弟1小弟2
    </script>
    

  • B: 选择所有包含指定文本的元素

    //获取"内容1"的元素
    <div>内容1</div>
    <div>内容2</div>
    <div>内容3</div>
    <div>内容3</div>
    //js代码
    $("div:contains('内容3')");//返回<div>内容3</div>,当然,是封装成jQuery的DOM元素了,这里为了方便说明而直接说是DOM元素
    

  • C: input() ,其实题目不应该这样子,应该是 :input

    选择所有 input, textarea, select 和 button 元素. 
    <form>
       <input type="button" value="Input Button"/>
       <input type="checkbox" />
    
       <input type="file" />
       <input type="hidden" />
       <input type="image" />
    
       <input type="password" />
        <input type="radio" />
        <input type="reset" />
    
        <input type="submit" />
        <input type="text" />
        <select><option>Option</option></select>
    
        <textarea></textarea>
        <button>Button</button>
    </form>
    运行$(":input")
    返回:
    [ 
      <input type="button" value="Input Button"/>,
      <input type="checkbox" />,
    
      <input type="file" />,
      <input type="hidden" />,
      <input type="image" />,
    
      <input type="password" />,
       <input type="radio" />,
       <input type="reset" />,
    
       <input type="submit" />,
       <input type="text" />,
       <select><option>Option</option></select>,
    
       <textarea></textarea>,
       <button>Button</button>,
    ]
    

  • D: attr(name) 获取指定属性名称的值

题目3

下列哪些函数是JavaScript的全局函数？(多选)
A: encodeURI
B: parseFloat
C: setTimeout
D: eval

• 答案

  • A,B,D

• 解析

  • 至于为什么C不是全局函数,MDN Web Docs解释这是一个Web API接口函数

    

  • JavaScript标准内置对象文档