技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

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

作者:admin    时间:2018-3-29 9:19:21    浏览:

网页title和meta标签的content内容是可以通过JQuery和JS来修改的,本文将分别介绍它们的实现方法。

网页meta标签

网页meta标签

修改meta标签的content内容

例如网页的meta标签原来是这样写的:

<meta property="fb:app_id" content="*************" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:type" content="" />
<meta property="og:image" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />

那么我们可以用JQuery或JS来修改meta标签的content内容。

JQuery实现代码如下:

$('meta[property="og:description"]').attr('content',"***" );

或:

$("meta[property='og:description']").attr('content', "***");

知识延伸: "property=" 在 Chrome 中无效?

有网友提示,meta里 "property=" 在 Chrome 中无效,需要这样写才正确:

$("meta[name='og:description']").attr('content', "***");

即是把 "property=" 改为 "name=" 。

JS实现代码如下:

var metaList = document.getElementsByTagName("meta");
for (var i = 0; i < metaList.length; i++) {
  if (metaList[i].getAttribute("property") == "fb:app_id") {
    metaList[i].content = "somenewcontent";
  }
}

JS修改网页title

无需jQuery就能修改title,代码如下:

document.title = "123";

点击按钮动态改变,代码如下:

$("#myBtn").click(function(){
  document.title = "123";
});

myBtn为按钮的id。

如果只有一个按钮(或点击任意一个按钮时触发事件),代码也可以这样写:

$("button").click(function(){
  document.title = "123";
});

jQuery修改网页title

当然,我们也可以用jQuery来实现,代码如下:

$('title').html("123");

 

标签: meta标签  
相关文章
    • IT热文
    • 站长推荐
    227| 273| 697| 214| 231| 262| 917| 833| 950| 494|