欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」WordPress如何调用js代码?

作者 : 自学哈 本文共755个字,预计阅读时间需要2分钟 2022-11-26 共128人阅读
也想出现在这里? 联系我们

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=”<?php%20echo%20get_template_directory_uri();%20?>/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代码的详细内容,更多请关注主题盒子。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」WordPress如何调用js代码?
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号