html页面怎么改title,使用JQuery或JS修改网页title和meta标签的content内容

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

网页meta标签

修改meta标签的content内容

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

那么我们可以用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");