一、修改meta标签的content内容
例如网页的meta标签原来是这样写的:
那么我们可以用JQuery或JS来修改meta标签的content内容。
JQuery实现代码如下:
$('meta[property="og:description"]').attr('content',"网站描述" );
或:
$("meta[property='og:description']").attr('content', "网站描述");
有网友提示,meta里 “property=” 在 Chrome 中无效,需要这样写才正确:
$("meta[name='og:description']").attr('content', "网站描述");
即是把 “property=” 改为 “name=” 。JS实现代码如下:
var metaList = document.getElementsByTagName("meta");
for (var i = 0; i
if (metaList[i].getAttribute("property") == "fb:app_id") {
metaList[i].content = "网站描述";
}
}
二、JS修改网页title
无需jQuery就能修改title,代码如下:@document.title = “网站标题”;@
点击按钮动态改变,代码如下:
$("#myBtn").click(function(){
document.title = "网站标题";
});
myBtn为按钮的id。
如果只有一个按钮(或点击任意一个按钮时触发事件),代码也可以这样写:
$("button").click(function(){
document.title = "123";
});
jQuery修改网页title当然,我们也可以用jQuery来实现,代码如下:
$('title').html("123");
评论
本文评论功能已关闭。