卡卡網(wǎng)

網(wǎng)頁(yè)title和meta標(biāo)簽的content內(nèi)容是可以通過(guò)JQuery和JS來(lái)修改的，本文將分別介紹它們的實(shí)現(xiàn)方法。

網(wǎng)頁(yè)meta標(biāo)簽

修改meta標(biāo)簽的content內(nèi)容

例如網(wǎng)頁(yè)的meta標(biāo)簽原來(lái)是這樣寫的：

<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來(lái)修改meta標(biāo)簽的content內(nèi)容。

JQuery實(shí)現(xiàn)代碼如下：

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

或：

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

知識(shí)延伸： "property=" 在 Chrome 中無(wú)效？

有網(wǎng)友提示，meta里 "property=" 在 Chrome 中無(wú)效，需要這樣寫才正確：

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

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

JS實(shí)現(xiàn)代碼如下：

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修改網(wǎng)頁(yè)title

無(wú)需jQuery就能修改title，代碼如下：

document.title = "123";

點(diǎn)擊按鈕動(dòng)態(tài)改變，代碼如下：

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

myBtn為按鈕的id。

如果只有一個(gè)按鈕（或點(diǎn)擊任意一個(gè)按鈕時(shí)觸發(fā)事件），代碼也可以這樣寫：

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

jQuery修改網(wǎng)頁(yè)title

當(dāng)然，我們也可以用jQuery來(lái)實(shí)現(xiàn)，代碼如下：

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

標(biāo)簽: meta標(biāo)簽