利用JS或JQuery修改网页title和meta标签的content内容

发表时间
评论 没有

一、修改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");

作者
分类 网站建设, 电脑网络

评论

本文评论功能已关闭。

← 较早的 较新的 →

相关文章