js代碼放wordpress哪里

js代碼放wordpress哪里？

在WordPress中，js代碼通常情況下會直接放在header.php或footer.php文件中添加js文件調用代碼。

其實wordpress主題最佳引用js文件的方法是使用wordpress內置的wp_enqueue_script()函數，通過該函數可以安全地將javascript代碼加入到WordPress創建的頁面中，不僅可以最大限度地保證兼容性，還是提高wordpress性能效率的一個方法。

函數代碼：

<?php  wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

參數說明：

$handle – 調用的腳本名稱，用于區別其它js，因此不能和其它js文件命名相同。

$src – js文件的路徑（即url），不要直接使用域名url，要使用路徑函數，如parent theme使用get_template_directory_uri，child theme使用get_stylesheet_directory_uri。（WP模板路徑相關的函數中，通常帶有template的是指parent theme，帶有stylesheet的指向child theme）

$deps – 依賴關系，加載的js文件所依存的其它js的標識字串數組（array:string），即需要在本代碼之前加載的代碼的名稱（如js腳本依賴jquery庫，那么這里要用數組的形式寫上jquery），非必需。

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

$in_footer – boolean類型，設置js文件調用代碼是否放置在html底部，設置為ture則放在底部，設置為false則放置在head部分。提示需要模板正確放置wp_footer()函數。

使用方法 ：

通過wp_enqueue_script函數加載js文件時，應該將它分配給一個鉤子，如只在前臺調用，使用鉤子wp_enqueue_script；只在后臺調用，使用admin_enqueue_scripts。

示例：

只在前臺調用

<?php  function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

只在后臺調用

<?php  function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

附：函數位置wp-includes/functions.wp-scripts.php文件

更多WordPress技術文章，請訪問WordPress教程欄目！

以上就是js代碼放