点击一个选项就刷新页面html代码

点击按钮就刷新页面的代码输入步骤如下：

1、首先，新建一个html文档，如下图红框所示；

2、输入按钮的名称，比如“点击刷新”，代码如下：<a>点击刷新</a>。

3、在浏览器里面进行预览，可以看到现在只是普通的文字，如下图红框所示；

4、现在用reload() 方法，让其实现点击即可重新加载当前文档，代码如下：href="javascript:location.reload()"。

5、预览效果如下，现在单击“点击刷新”按钮，即可实现刷新页面。

首先，可以明确的是，网页局部刷新是不难实现的，实际上很多网站也是支持的，比如站内信、实时大盘数据之类的应用。

但是为什么很多网站不支持呢？主要原因有几个方面：首先要做好还是需要一些基础设施和技术支持的，另外也需要一些额外的服务器资源。所以一些网站，尤其是传统的网站大多不支持，比如一些新闻站点、公告/公示、内容发布网站等等。

技术实现方案有很多种:

最简单的就是每个一段时间（比如3秒）请求接口更新数据并重新渲染，这么做对服务器压力较大。

其次是通过长连接，就是网页发起一个HTTP请求，服务器端一直不响应，等到有数据更新的时候再吧新数据返回，网页拿到数据后重新渲染，然后再次发起一个HTTP请求，不断这么循环，网页就可以实时拿到最新数据。

更好的方案是通过websocket建立长连接，这样web端和服务器端就可以实时的双向通讯，及时拿到最新数据，看起来与HTTP长连接区别不大，但是因为实现机制不一样，websocket会有更低的资源消耗。

网站不支持并不意味着用户不需要，比如公告/公示网站，商品信息，动态的用户行为、销售等数据，对很多人就非常重要，需要实时关注。这个时候可以通过一些辅助工具完成信息的监控和管理，比如：网页更新提醒浏览器插件

---