網頁的title和meta標簽、content內容是可以通過JQuery和JS來修改的，具體經常見到的就是不少朋友的網站被掛馬或者劫持的時候，經常會是這樣的情況，本文361模板將分別介紹它們的實現方法。

網頁meta標簽

關于網頁meta標簽前面361模板也做過不少的介紹，有興趣了解的朋友可以參看http://www.survivalescaperooms.com/tag/meta_1165_1.html。關于這一點小編想起來需要介紹，也是源于昨天小編把荒廢了幾年的淘電影網重新開通了，里面有關于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");

效果都是一樣的，當然有了以上的基礎至少后，我們就可以進行擴展，例如很多網站劫持中經常用到的：當用戶從百度等搜索引擎來路進來的時候顯示的是修改過的標題，但是直接打開網站顯示的卻是網站正常的標題，這個就是利用JS或JQuery修改網頁title和meta標簽的content內容的一額具體的應用，雖然很遭人嫌棄！