php如何引用js代碼

這篇文章主要介紹了php如何引用js代碼，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　js代碼放wordpress哪里？

　　在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ù)代碼：<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

　　參數(shù)說明：

　　$handle &ndash; 調(diào)用的腳本名稱，用于區(qū)別其它js，因此不能和其它js文件命名相同。

　　$src &ndash; 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 &ndash; 依賴關(guān)系，加載的js文件所依存的其它js的標識字串數(shù)組(array:string)，即需要在本代碼之前加載的代碼的名稱(如js腳本依賴jquery庫，那么這里要用數(shù)組的形式寫上jquery)，非必需。

　　$ver &ndash; 加載js文件的版本號，作為查詢字串附加在路徑的末尾，作用是確保正確的版本信息傳遞給了客戶端，以免受到緩存的影響(如js腳本發(fā)生變化時，通過更改版本號可以強制客戶瀏覽器更新緩存)，默認為false，調(diào)用當前wordpress程序的版本號，如果不想顯示，則設(shè)置為NULL(不推薦)。

　　$in_footer &ndash; 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)用<?php function boke8_theme_scripts() {      wp_enqueue_script( 'boke8', get_template_directory_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'boke8_theme_scripts' ); ?>

　　只在后臺調(diào)用<?php function boke8_theme_scripts() {      wp_enqueue_script( 'boke8', get_template_directory_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add_action( 'admin_enqueue_scripts', 'boke8_theme_scripts' ); ?>

感謝你能夠認真閱讀完這篇文章，希望小編分享的“php如何引用js代碼”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!