WordPress如何调用js代码?

无评论

作者照片

By 霜天

WordPress如何调用js代码?一般都是直接在WordPress主题的header.php文件中直接引用,部分主题也会在主题的functions.php文件中通过WP自带的函数wp_enqueue_scripts来加载JS文件。

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

<script type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’text/javascript\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’; src=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’http://www.jquery.com/js/jquery/1.10.2/jquery-1.10.2.min.js\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’></script>;

或者

<script src=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”https://www.wpzt.net/<?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\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’ );

以上就是wordpress调用js代码的详细内容,更多请关注WordPress主题站。

发表评论