仅在特定页面 wp 上加载 js

在WordPress网站上，包含多个页面的情况非常普遍。如果你想要在特定页面上加载js文件，而不是所有页面都加载，那么本指南将对你有所帮助。

方案

在WordPress中，我们可以使用特定函数名的wp_enqueue_script()函数来添加要以script标记形式加载的Javascript文件。这个函数为我们提供了一个非常简单但强大的解决方案来仅在特定页面上加载js。

步骤

以下是仅在特定页面上加载Javascript的步骤：

1. 在你的WordPress网站的子主题文件夹中，创建一个名为"custom.js"的新的Javascript文件。

2. 在自己的子主题的functions.php文件中，可以使用以下代码进行特定页面js文件的加载：

//定义一个名为load_custom_script的新函数
function load_custom_script() {
   //如果当前页面是'page-slug'，则仅在此页面加载custom.js
   if (is_page('page-slug')) {
      wp_enqueue_script('custom-script', get_stylesheet_directory_uri() . '/custom.js');
   }
}
// 使用wp_enqueue_scripts钩子激活定义的load_custom_script函数
add_action('wp_enqueue_scripts', 'load_custom_script');

3.将 "page-slug" 修改为你的特定页面的名称。如果需要在多个页面上加载这个js文件，只需在“if”语句中添加另一个“is_page()”条件即可。

结论

本指南介绍了如何仅在特定页面上加载Javascript文件。通过简单的代码更改，可以轻松地将这种方法扩展到多个页面上，让你的网站变得更加快速和高效。