js动态添加meta标签

最新推荐文章于 2025-04-09 17:03:44 发布

马优晨

最新推荐文章于 2025-04-09 17:03:44 发布

阅读量1w

点赞数 5

分类专栏：小技巧前端开发文章标签：动态配置mate标签如何动态添加meta标签动态添加meta标签手动添加meta标签 js动态添加meta标签

本文链接：https://blog.csdn.net/qq_24147051/article/details/122474613

版权

前端开发同时被 2 个专栏收录

236 篇文章

订阅专栏

小技巧

133 篇文章

订阅专栏

有时候我们需要动态添加meta标签和里面的内容，如何添加呢？

举例：

  // 手动添加mate标签
  const addMeta = (name, content) => {
    const meta = document.createElement('meta');
    meta.content = content;
    meta.name = name;
    document.getElementsByTagName('head')[0].appendChild(meta);
  };

  addMeta(
      'viewport',
      'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover',
    );

以上通过创建meta标签，绑定到head标签内。