Wordpress 載入 js 檔案到底部

2022-04-05 04:19:40 字數 975 閱讀 9049

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

很明顯最後乙個引數 $in_footer 設定為 true 時,js 檔案會被載入到文件底部。

wordpress 內建了 jquery 類庫。但預設是載入在頁面頭部的。

有兩種方式, 一種先是刪除核心的 jquery 包,再引自定義的 jquery 包到底部:

function my_scripts_method() 

add_action('wp_enqueue_scripts', 'my_scripts_method');

另一種方式是有人讀了wp_enqueque_script 的**實現,如下:

function wp_register_script( $handle, $src, $deps = array(), $ver = false, $in_footer = false ) 

return $registered;

}

所以正確的解決方案為:

add_action( 'wp_default_scripts', 'move_jquery_into_footer' );

function move_jquery_into_footer( $wp_scripts )

$wp_scripts->add_data( 'jquery', 'group', 1 );

$wp_scripts->add_data( 'jquery-core', 'group', 1 );

$wp_scripts->add_data( 'jquery-migrate', 'group', 1 );

}

動態載入js檔案

var obj new object var url chrome content js components.classes mozilla.org moz jssubscript loader 1 getservice components.inte ces.mozijssubscriptloa...

動態載入js檔案

最近在維護乙個專案,看到乙個頁面竟然要載入20多個js檔案!真驚人,仔細觀察後,發現有很多js檔案根本用不上的,或者在某個條件成立才使用的 為了提高此頁面的效能,決定使用動態載入js檔案的方法,即在需要的時候才載入該js檔案。網上看了很多關於動態載入js的方法,例子挺多的,但是都有些不足的地方。動態...

動態載入js檔案

動態載入js檔案 有時候我們需要根據引數不同來引入不同的js檔案,用html直接寫標籤滿足不了我們的需求,總結幾種方法,以及同步非同步載入的各種需求 code 一.直接載入 code html 總結 1.ie動態載入js檔案時,它預設就為同步,可以不用設定同步 也可直呼叫skip.includejs...