js 修改meta标签属性

小扶苏

于 2021-07-02 14:32:18 发布

阅读量5.3k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/be_strong_web/article/details/118414243

版权

meta js

js 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了在不同场景下如何管理和修改网页请求头中的referrer信息。通过设置meta标签的content属性，可以控制是否传递refer信息。在某些页面需要保护用户隐私时，可以选择不携带refer，而在其他需要信息共享的场景，则可以设置为始终传递。利用JavaScript动态修改meta标签，可以在进入和离开页面时灵活切换这一设置，确保对其他页面的影响最小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们跳转不同网站的时候，基于一些业务需求
可能有的场景需要在请求头里带 refer 信息，有的场景又不能带这个refer 信息：

需要refer信息：

<meta name="referrer" content="never">

需要refer信息

<meta name="referrer" content="always">

当然，referrer 的meta 值还有很多，这里就不做详细介绍了
但是可能还有一种场景：
同一个项目中，有的页面中的请求头需要refer 信息，而有的页面中不能有refer信息
这种情况可以用js 手动修改下referrer meta 标签的content 值:

//带refer
    document
      .querySelector('meta[name="referrer"]')
      .setAttribute("content", "always");

// 不带refer
document
      .querySelector('meta[name="referrer"]')
      .setAttribute("content", "never");

可以在进入页面的时候修改，然后退出页面的时候去掉这个修改，这样就不会影响其他页面。

js 修改meta标签 属性

js 修改meta标签属性