要在 WordPress 页面上按需加载 JavaScript,您可以使用以下步骤:
了解您的需求:首先,确定哪些页面或部分需要加载特定的 JavaScript 文件。这可以帮助您决定在何处应用按需加载。
创建一个功能:您可以在您的 WordPress 主题中的 functions.php
文件中创建一个自定义功能,以实现按需加载。以下是一个示例代码:
function load_custom_js_on_demand() {
if (is_page('yourpageslug')) { // 替换为您要加载 JavaScript 的页面的 slug
wp_enqueue_script('yourscripthandle', 'pathtoyourscript.js', array('jquery'), null, true);
}
}
add_action('wp_enqueue_scripts', 'load_custom_js_on_demand');
在这个示例中,is_page('yourpageslug')
检查当前页面是否是您指定的页面,如果是,则使用 wp_enqueue_script
来加载 JavaScript 文件。
替换 'yourscripthandle' 和 'pathtoyourscript.js':在代码中,替换 'yourscripthandle' 为您希望分配给脚本的句柄,替换 'pathtoyourscript.js' 为您要加载的 JavaScript 文件的路径。
条件加载:您可以根据需要添加更多的条件来加载不同的 JavaScript 文件。在 if
语句中添加额外的 is_page()
条件来适应其他页面。
保存并测试:保存 functions.php
文件,然后在 WordPress 站点上测试加载 JavaScript 的效果。确保 JavaScript 仅在您指定的页面上加载。
请注意,按需加载 JavaScript 可以提高页面加载性能,但也需要小心管理,以确保您的站点功能正常。如果您不确定如何处理,请备份您的网站,并在进行更改之前进行测试。