利用Jquery動態(tài)加載ZBLOG欄目背景音樂

17 12月

作者:妙清自牧|分類:未命名|標(biāo)簽:學(xué)習(xí) 攝影生活人生

前兩天突然想到給博客的“生活隨筆”欄目及下面的文章加點(diǎn)背景音樂，于是就想著去到模板里面加段背景音樂的代碼不就得了，后來一看才發(fā)現(xiàn)，zblog的所有的欄目模板都是一個通用的，也就是catalog.html這個文件，如果在這個模板里面加了背景音樂的代碼，那不光是“生活隨筆”這個欄目會有背景音樂，其它的欄目都會有，這就不是我想要的效果。

有沒有什么辦法可以實(shí)現(xiàn)只給“生活隨筆”這個欄目加上背景音樂呢？當(dāng)然是有的，因?yàn)槲乙呀?jīng)實(shí)現(xiàn)了！下面就是方法：

思路：判斷標(biāo)題里面是不是有“生活隨筆”這幾個字，（因?yàn)樯铍S筆欄目及其下面的文章頁面標(biāo)題都會有“生活隨筆”這幾個字，而其他欄目基本不會出現(xiàn)），如果有就動態(tài)加載背景音樂代碼，沒有就不加。

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

JavaScript Code復(fù)制內(nèi)容到剪貼板

$(document).ready(function(){
var t=$('title').html();/*獲取標(biāo)題中的字符*/
if(t.indexOf("隨筆")>0){
$('body').append('<embed src="/upload/bg.mp3" autostart="true" loop="true" hidden="true"></embed>');/*判斷標(biāo)題中是否包含隨筆兩個字，有的話，就加載背景音樂代碼*/
}
});

以上代碼是用到了Jquery，js，主要涉及到的有 .html()、.indexOf()、.append()這三個方法：
.html()：從匹配的第一個元素中獲取HTML內(nèi)容。在一個 HTML 文檔中, 可以使用 .html() 方法來獲取任意一個元素的內(nèi)容。
.indexOf()：返回某個指定的字符串值在字符串中首次出現(xiàn)的位置，如果找到指定的字符串，則返回第一次出現(xiàn)的位置，如果要檢索的字符串值沒有出現(xiàn)，則該返回-1。
.append():將特定內(nèi)容插入到匹配元素里面的最后面，作為它的最后一個子元素。

XML/HTML Code復(fù)制內(nèi)容到剪貼板