在wordpress中,js代碼通常情況下會直接放在header.php或footer.php文件中添加js文件調(diào)用代碼。其實wordpress主題較佳引用js文件的方法是使用wordpress內(nèi)置的wp_enqueue_script()函數(shù),通過該函數(shù)可以安全地將javascript代碼加入到WordPress創(chuàng)建的頁面中,不僅可以大限度地保證兼容性,還是提高wordpress性能效率的一個方法。
函數(shù)代碼:
參數(shù)說明:
$handle – 調(diào)用的腳本名稱,用于區(qū)別其它js,因此不能和其它js文件命名相同。
$src – js文件的路徑(即url),不要直接使用域名url,要使用路徑函數(shù),如parent theme使用get_template_directory_uri,child theme使用get_stylesheet_directory_uri。(WP模板路徑相關(guān)的函數(shù)中,通常帶有template的是指parent theme,帶有stylesheet的指向child theme)
$deps – 依賴關(guān)系,加載的js文件所依存的其它js的標(biāo)識字串?dāng)?shù)組(array:string),即需要在本代碼之前加載的代碼的名稱(如js腳本依賴jquery庫,那么這里要用數(shù)組的形式寫上jquery),非必需。
$ver – 加載js文件的版本號,作為查詢字串附加在路徑的末尾,作用是確保正確的版本信息傳遞給了客戶端,以免受到緩存的影響(如js腳本發(fā)生變化時,通過更改版本號可以強制客戶瀏覽器更新緩存),默認(rèn)為false,調(diào)用當(dāng)前wordpress程序的版本號,如果不想顯示,則設(shè)置為NULL(不推薦)。
$in_footer – boolean類型,設(shè)置js文件調(diào)用代碼是否放置在html底部,設(shè)置為ture則放在底部,設(shè)置為false則放置在head部分。提示需要模板正確放置wp_footer()函數(shù)。
使用方法 :
通過wp_enqueue_script函數(shù)加載js文件時,應(yīng)該將它分配給一個鉤子,如只在前臺調(diào)用,使用鉤子wp_enqueue_script;只在后臺調(diào)用,使用admin_enqueue_scripts。
示例:
只在前臺調(diào)用
只在后臺調(diào)用
附:函數(shù)位置wp-includes/functions.wp-scripts.php文件。
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: wordpress的js代碼放在哪里