【工作笔记】浏览器后退响应及关于input标签的一些说明

一、关于浏览器后退：

点击浏览器后退按钮，会重新加载前一个页面，但是有两种情况：

1.后退读取缓存的资源，来重新加载页面（html、css、js等资源）

2.浏览器重新向服务器发送请求，请求服务器端最新资源，来重新加载页面

注：ios后退，默认读取缓存

因此，关于前一个页面的信息展示，需要兼顾两种处理情况。重新向服务器发送请求，相当于f5刷新，只要服务器数据存储无故障，不会出现问题。需要注意读取缓存的情况，这时的展示给用户的数据可能不是最新的。

二、关于后退时input按钮的特殊效果

后退时，浏览器会重新加载页面，但前一页面的input标签中的数据会被保留。如：text文本框中的用户输入，radio单选框的用户选择等。f5刷新页面，input的值则会重新加载为默认值。

三、关于input[type="radio"]的checked属性

checked属性只用于设定默认选中选项

当用户进行选项更改时，用户选中的input标签并不会显式增加checked属性（即：f12下观察input标签，不会因为用户选中而拥有checked属性）

但是，通过诸如$("input:checked")、$("#input").attr("checked")、this.chcked等方式，都可以正确取到用户选中的选项

也就是说，控制台中拥有checked属性的input标签，是设置默认选中的那个标签选项，并不是用户真正选择的选项，而通过js及css的checked属性访问到的，是用户真正选中的那个选项