是否可以使用JavaScript来更改页面的元标记？

如果我在头部放置一个div并显示:none,而不是使用JavaScript来显示它,这会有效吗？

编辑:

我在AJAX中加载了东西.当我的AJAX更改网站的"主要"部分时,我也想更改元标记.

1> fuxia..：

---

是的,你可以这样做.

有一些有趣的用例:一些浏览器和插件解析元元素并改变它们对不同值的行为.

例子

Skype:关闭电话号码解析器

iPhone:关闭电话号码解析器

谷歌Chrome框架

移动设备的视口定义

Change description

所以,它不只是关于搜索引擎.

---

我怀疑像这样的大多数元素具有在页面加载后不可更改的效果.但是,是的,元不仅仅是"关键字"和"描述".

---

@bobince:实际上,如果你用js插入它,SKYPE_TOOLBAR仍然会生效(这很有用,因为html5验证器不喜欢那个元标记).

---

您可以以此做一些很酷的事情。当标题中的幻灯片更改时，我更改了Chrome地址栏的颜色。`const meta = document.querySelector（'meta [name = theme-color]'）; meta.setAttribute（“ content”，colors [slideIndex]）;`Android上的Chrome会检测到更新并更改颜色

2> 小智..：

---

是的.

例如,设置元描述:

document.querySelector('meta[name="description"]').setAttribute("content", _desc);

---

感谢您提供没有jQuery的解决方案

---

很高兴有人用纯粹的js给出答案(按照问题的要求)!

3> MiffTheFox..：

---

你会使用类似的东西(使用jQuery):

$('meta[name=author]').attr('content', 'New Author Name');

但这通常是毫无意义的,因为元标记通常只在加载文档时被抓取,通常不会执行任何JavaScript.

---

它甚至适用于选择器,例如`$('meta [property = og:somestuff]')`,我怀疑它会因为冒号而与jQuery选择语法冲突.

---

如果其他人正在寻找这个确切的解决方案,你需要在og周围加上引号:somestuff - 我需要图片标签的内容,这是我的代码:var imgurl = $("meta [property ='og:image "]内容") ")ATTR(";

---

确认它适用于元视口设置(需要这个来启用/禁用jQuery Mobile上某些子页面的缩放).谢谢!

4> 小智..：

---

您可以使用例如jQuery调用来更改元数据,如下所示:

$('meta[name=keywords]').attr('content', new_keywords);
$('meta[name=description]').attr('content', new_description);

我认为这确实重要,现在,因为谷歌表示,他们将通过指数的Ajax内容#!hashes和_escaped_fragment_电话.现在他们可以验证它(甚至自动,无头浏览器,请参阅上面提到的页面上的'创建HTML快照'链接),所以我认为这是硬核SEO人员的方式.

---

实际上,现在谷歌也可以运行javascript,无需创建页面快照,所以现在动态元标签确实很重要!

---

这次真是万分感谢.刚刚解决了我的问题.因为facebook有开放图表.我正在开发的网站有一个History jQuery插件和哈希标签.因此,当存在散列更改时,需要更改FB打开的图形URL和描述.+1是一个很好的答案,而不是对一个公平的问题负面.

5> Tim Moses..：

---

绝对可以使用Javascript来更改页面的元标记.这是一个仅限Javascript的方法:

document.getElementsByTagName('meta')["keywords"].content = "My new page keywords!!";
document.getElementsByTagName('meta')["description"].content = "My new page description!!";
document.title = "My new Document Title!!";

我已经确认Google确实为上述代码编制了这些客户端更改的索引.

6> futtta..：

---

元标记是dom的一部分,可以被访问和-i猜测 - 但是搜索引擎(元标记的主要消费者)将不会看到更改,因为javascript将不会被执行.所以,除非你正在改变一个在浏览器中有影响的元标记(刷新想到),这可能没什么用处？

---

+1 - 我登陆这个问题,因为我特别想知道元刷新.我正在创建一个应用程序,它使用ajax轮询来刷新屏幕上的数据,我想为没有启用javascript的浏览器提供粗略的回退.我想我可以通过默认创建元刷新标记来实现这一点,如果启用了javascript,只需删除元标记即可. - 现在看看它是否真的有效......

7> Mikael Svens..：

---

应该可以这样(或使用jQuery $('meta[name=author]').attr("content");):

8> 小智..：

---

$(document).ready(function() {
  $('meta[property="og:title"]').remove();
  $('meta[property="og:description"]').remove();
  $('meta[property="og:url"]').remove();
  $("head").append('');
  $("head").append('');
  $("head").append('');
});

---

我从你的例子开始,但意识到你不必删除并重新添加元标记.您可以像这样更改content-attribute:`jQuery('meta [property ="og:title"]').attr('content',"blubb1");`

9> 小智..：

---

var metaTag = document.getElementsByTagName('meta');
for (var i=0; i < metaTag.length; i++) {
    if (metaTag[i].getAttribute("http-equiv")=='refresh')
        metaTag[i].content = '666';
    if (metaTag[i].getAttribute("name")=='Keywords')
        metaTag[i].content = 'js, solver';
}