可能重复:
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');
它确实可以设置现有元标记的值,但如果这样的命名元标记不存在,则不会创建元标记。
如果您有这方面的见解或经验,请回复......
答案 0 :(得分:12)
你可以做到这一点,而不是最干净的,但你想要做的事情很奇怪,所以没有一个很好的方法来处理它:
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>
,您可以设置该属性。
答案 1 :(得分:6)
利用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”,因此使函数处理元元名。
答案 2 :(得分:6)
我只是在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'
);
默认值为。