JS实现搜索框文字可删除

最新推荐文章于 2023-03-11 10:34:24 发布

Michael18811380328

最新推荐文章于 2023-03-11 10:34:24 发布

阅读量551

点赞数

分类专栏： JavaScript 网络文章标签： javascript 开发语言删除搜索框文字张鑫旭 cookie

本文链接：https://blog.csdn.net/weixin_41697143/article/details/121166436

版权

JavaScript 同时被 2 个专栏收录

132 篇文章 12 订阅

订阅专栏

网络

11 篇文章 0 订阅

订阅专栏

本文讲述了作者在使用搜索引擎时遇到的历史记录问题，通过深入分析发现搜索记录来源于浏览器自动保存的表单信息，包括localStorage和cookies。通过复制搜索框并测试，确认记录跨域共享。最终解决方法是清除浏览器的表单自动保存设置。

摘要由CSDN通过智能技术生成

JS实现搜索框文字可删除

最近在阅读张鑫旭大佬的博客时，想搜索一篇文章，打开搜索框，虎躯一震
在这里插入图片描述

搜索记录中居然有 不可描述 的历史记录！还好周边没有别人，否则就尴尬了。

但是我之前没有在张鑫旭大佬这里搜索这个不可描述的词语，很奇怪。

我清理了浏览器的缓存和历史记录，但是这个下拉框搜索记录还在。
查看网络请求，没有相关敏感词语的返回，判断这个应该不是服务器返回的，应该存在本地浏览器中。浏览器存储，主要是 cookie , localStorage, session 中。

在这里插入图片描述
我个人博客的本地记录就存放在 localStorage 中

在这里插入图片描述

于是，我清空了相关的 cookie 和 localStorage，但是这个搜索记录还在！！！很烦
我换了一个思路，这个到底存在于张鑫旭域名下，还是浏览器全部都可以获取（那就非常危险了）于是我直接把这个搜索框复制了 DOM 节点，然后本地新建一个 HTML 嵌入，代码如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <form method="get" id="searchform" action="/wordpress/">
    <!-- https://www.zhangxinxu.com/wordpress -->
    <label class="hidden" for="s">Search for:</label>
    <div>
      <input type="search" placeholder="百度搜索质量差？试试直接这里搜索" value="" name="s" id="s">
      <input type="submit" id="searchsubmit" data-value="Search" value="搜索">
    </div>
  </form>
</body>
</html>

但是这个搜索记录还在！！！

在这里插入图片描述

证明这个记录可以在不同的域中共用

我发现，这个搜索框和表单相关，表单会提交到 wordpress 中，那么是否和 wordpress 有关？查阅资料，基本没有太大关系。

在这里插入图片描述

最后发现，这个在表单的记录中。应该说，凡是填充过表单，浏览器设置了自动保存表单记录（因为项目中使用另一个技术实现保存记录，我刚开始就没有想到这一点）。于是清除了浏览器自动保存的表单信息。

在这里插入图片描述

再打开张鑫旭大佬的页面搜索，就不会出现不可描述的搜索记录了，这次放心了

在这里插入图片描述

参考文档

https://www.zhangxinxu.com/

https://developer.mozilla.org/zh-CN/docs/Web/API/Storage

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cookie

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form

https://blog.csdn.net/weixin_41196185/article/details/80840657

Michael18811380328

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实现搜索框文字可删除

JS实现搜索框文字可删除最近在阅读张鑫旭大佬的博客时，想搜索一篇文章，打开搜索框，虎躯一震搜索记录中居然有不可描述的历史记录！还好周边没有别人，否则就尴尬了。但是我之前没有在张鑫旭大佬这里搜索这个不可描述的词语，很奇怪。我清理了浏览器的缓存和历史记录，但是这个下拉框搜索记录还在。查看网络请求，没有相关敏感词语的返回，判断这个应该不是服务器返回的，应该存在本地浏览器中。浏览器存储，主要是 cookie , localStorage, session 中。我个人博客的本地记录就存放在 l
复制链接

扫一扫

专栏目录