Question

可能重复：
Is it possible to use javascript to change the meta-tags of the page?

我正在尝试使用jQuery设置元标记（请不要回答这是没有意义的，因为搜索引擎等等等等......我正在加载调用第三方Javascript函数来检查这些值，如Tweetmeme和Facebook）。

如果我使用：

 $('meta[name=some-name]').attr('content', 'some value');

它确实可以设置现有元标记的值，但如果这样的命名元标记不存在，则不会创建元标记。

如果您有这方面的见解或经验，请回复......

Answer 1

你可以做到这一点，而不是最干净的，但你想要做的事情很奇怪，所以没有一个很好的方法来处理它：

var mt = $('meta[name=some-name]');
mt = mt.length ? mt : $('<meta name="some-name" />').appendTo('head');
mt.attr('content', 'some value');

那里的条件表达式检查.length，如果没有找到则为0或false，如果是这种情况我们创建元素并将其附加到头部，无论是添加还是最初找到，mt现在设置为具有该名称的<meta>，您可以设置该属性。

Answer 2

利用Nick的代码，我创建了一个函数来进行元标记设置，必要时创建。这应该对任何人都有用......

    function setOrCreateMetaTag(metaName, name, value) {
        var t = 'meta['+metaName+'='+name+']';
        var mt = $(t);
        if (mt.length === 0) {
            t = '<meta '+metaName+'="'+name+'" />';
            mt = $(t).appendTo('head');
        }
        mt.attr('content', value);
    }

metaName最常被假定为“name”，但我也必须设置“property”，因此使函数处理元元名。

Answer 3

我只是在iOS上尝试了一下这个。事实证明，可以动态设置元标记以防止在iOS上进行缩放：

$('<meta>', {
 name: 'viewport',
 content: 'width=device-width, minimum-scale=1, maximum-scale=1'
}).appendTo('head');

然而，删除它并没有重新启用缩放：

$('meta[name=viewport]').remove();

但是要覆盖元标记：

$('meta[name=viewport]').attr(
 'content',
 'width=980, minimum-scale=0.25, maximum-scale=1.6'
);

默认值为。

无法使用jQuery设置元标记值

3 个答案: