HTML面试题（二）

为什么要初始化样式？

• 由于浏览器的兼容问题，不同的浏览器对标签的默认样式值不同，如果不进行初始化，浏览器之间有显示差异。

简述readonly与disabled的区别？

• readonly只针对input和textarea有效。
• disabled对所有的元素都有效，但是使用disabled后，将不能以get和post请求进行提交

一个页面从输入url到页面加载显示完成，这个过程都发生了什么？

• 当发送一个url请求时，浏览器开启线程处理请求，同时启动dns查询，获得请求对应的IP地址。
• 通过tcp三次握手协商来建立一个tcp/IP的连接，包括同步报文，同步-应答报文，应答报文，首先由客户端建立起通信，服务端应答并接受客户端的请求，最后由客户端发出接受的报文。
• 连接的成功建立，浏览器会向远程服务器发送get请求，远程服务器找到资源并使用http响应返回。
• 此时，服务器提供资源，客户端下载。

Ajax请求的时候get和post方式的区别？

• get:一般进行查询操作，url有长度限制，数据暴露在url当中，传递中文参数，需要自己进行编码操作，安全性低。
• post用于提交数据，没有长度的限制，数据不会暴露在url中。

HTTP状态码有哪些？

• 消息
• 成功
• 重定义
• 请求错误
• 服务器错误

简述Ajax的过程

• 创建XMLHttpRequest对象，也就是创建一个异步调用对象
• 创建一个新的HTTP请求，指定请求方式，url及验证信息
• 设置响应状态变化的函数
• 发送http请求
• 获取异步调用返回的数据
• 使用JavaScript和dom实现局部内容刷新

简述一下异步加载

• 异步加载的方案：动态插入script
• 用Ajax获取js代码，用eval执行
• script上加入defer或者async属性
• 创建并插入iframe，异步执行js