卡卡網(wǎng)

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

網(wǎng)頁meta標簽

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

例如網(wǎng)頁的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內(nèi)容。

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

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

或：

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

知識延伸： "property=" 在 Chrome 中無效？

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

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

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

JS實現(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)頁title

無需jQuery就能修改title，代碼如下：

document.title = "123";

點擊按鈕動態(tài)改變，代碼如下：

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

myBtn為按鈕的id。

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

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

jQuery修改網(wǎng)頁title

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

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

標簽: meta標簽