您现在的位置是：首页 > cms教程 > WordPress教程WordPress教程

wordpress调用js的方法

宛儿2023-06-24 22:24:00WordPress教程已有153人查阅

导读一般都是直接在主题的header.php文件中直接引用，部分主题也会在主题的functions.php文件中通过WP自带的函数wp_enqueue_scripts来加载JS文件。

wordpress调用js的方法

wordpress怎么调用js，wordpress调用js的方法：

一般都是直接在主题的header.php文件中直接引用，部分主题也会在主题的functions.php文件中通过WP自带的函数wp_enqueue_scripts来加载JS文件。

1、在主题header.php文件中直接引入文件，如

<script type='text/javascript' src='http:// .jquery.com/js/jquery/1.10.2/jquery-1.10.2.min.js'></script>

或者

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>

2、在主题的functions.php文件中引入文件，如

function my_enqueue_scripts() {
if( !is_admin ) { // 前台加载的脚本与样式表
// 去除已注册的 jquery 脚本
wp_deregister_script( 'jquery' );
// 注册 jquery 脚本
wp_register_script( 'jquery', get_template_directory_uri() . '/js/jquery/1.10.2/jquery-1.10.2.min.js', false, '1.0', false );
// 提交加载 jquery 脚本
wp_enqueue_script( 'jquery' );
 } 
} 
// 添加回调函数到 init 动作上
add_action( 'init', 'my_enqueue_scripts' );