是的,创建一个单独的JS文件并将其存储在插件或主题文件夹中,让我们调用它example.js
. 该文件应包含您需要在多个页面中执行的所有公共函数,页面特定函数应转到单独的文件。
在将代码写入example.js
您需要将其包含在WordPress中,要做到这一点,您需要使用此功能
function my_scripts() {
// Page ID, title, slug, or array of such.
// e.g. is_page(\'My page title\') - page title
// e.g. is_page(2) - page id
// e.g. is_page(\'my-page-title\') - page slug
// e.g. is_page( array( \'page1\', \'page1\')) - in this example an array of page slugs.
// Check out the references for more on this function.
if ( is_page( array( \'about-us\', \'contact\', \'management\' ) ) {
wp_enqueue_script( \'script-name\', \'path/to/example.js\', array(), \'1.0.0\', true );
}
}
add_action( \'wp_enqueue_scripts\', \'my_scripts\' );
您可以将此函数放入
functions.php
. 如果文件位于主题目录中,请使用
wp_enqueue_script( \'script-name\', get_template_directory_uri() . \'/example.js\', array(), \'1.0.0\', true );
提示:如果
example.js
在插件文件夹中,则需要使用
plugin_dir_url( __FILE__ )
而不是
get_template_directory_uri()
哪里
__FILE__
是当前文件路径的PHP常量。
要设置一个变量并在JS文件的不同页面上使用它的值,您需要此函数。
wp_localize_script(\'script-name\', \'array_name\', array(
\'variable_name\' => \'Variable value\'
)
);
注意:
wp_localize_script
必须在使用注册脚本后调用
wp_register_script()
或
wp_enqueue_script()
.
参考文献: