如何将自定义脚本从父页面继承到子页面?

时间:2019-08-19 作者:Duncan

我希望在10个不同的javascript文件中使用一个函数(每个文件用于不同的网页)。我希望避免将函数复制/粘贴到每个。js文件。

所有页面都有same parent page.

是否有一种方法可以定义此函数一次并从每个页面的调用它。js文件?

提前谢谢你。

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

只需在单独的JS文件中定义函数,并将该文件与特定于页面的文件一起加载即可。“WordPress方式”是注册包含共享函数的脚本,然后将其设置为其他脚本的依赖项:

wp_register_script( \'my-functions\', get_theme_file_uri( \'js/functions.js\' ) );

if ( is_page( 1 ) ) {
    wp_enqueue_script( \'my-page-1\', get_theme_file_uri( \'js/page-1.js\' ), [ \'my-functions\' ] );
}

if ( is_page( 2 ) ) {
    wp_enqueue_script( \'my-page-2\', get_theme_file_uri( \'js/page-2.js\' ), [ \'my-functions\' ] );
}

// etc.

相关推荐

带有高级自定义域的JavaScript选项卡库

我在我的网站上使用高级自定义字段,我想以一种体面、优雅的方式显示我的图库字段的图片。所以我在考虑做这样的事情:https://www.w3schools.com/howto/howto_js_tab_img_gallery.asp我的主要问题是,我不知道如何将php变量放到javascript代码中。你能帮忙吗?w3schools示例中的相同css和相同脚本,这是我的代码:<?php $images = get_field(\'extra_photos\');