如何在wordpress中包含我自己的javascript文件?

如何在wordpress中包含我自己的javascript文件?,javascript,html,wordpress,Javascript,Html,Wordpress,我喜欢在wordpress网站中包含我自己的Javascript。 当我将指向Javascript文件的链接放在Header.php中时,没有得到任何更改。 有人知道如何让我的javascript工作吗 我尝试使用页眉和页脚插件编辑页眉并包含我的脚本,但它仍然不起作用。这是使用一个名为wp\u register\u script的WordPress函数完成的,以下是根据WordPress Codex的用法: wp_register_script( $handle, $src, $deps, $v

我喜欢在wordpress网站中包含我自己的Javascript。
当我将指向Javascript文件的链接放在Header.php中时,没有得到任何更改。
有人知道如何让我的javascript工作吗


我尝试使用页眉和页脚插件编辑页眉并包含我的脚本,但它仍然不起作用。

这是使用一个名为wp\u register\u script的WordPress函数完成的,以下是根据WordPress Codex的用法:

wp_register_script( $handle, $src, $deps, $ver, $in_footer );
您可以将其放入
functions.php
文件中。 那么这些变量是什么?我们每次都需要它们吗?(这在法典页面上有介绍,因此我将简短地使用简单的英语)

  • $handle–无论在何处,您都将使用它来引用此特定脚本 您可能需要将其排队,并且必须包含此变量 至少
  • $src–插件或主题中源文件的路径
  • $deps–包含任何其他脚本的$handle的数组 脚本需要运行(即依赖项)
  • $ver–脚本的版本号,可用于 缓存破坏。默认情况下,WordPress将使用自己的版本号 作为脚本的版本号
  • $in_footer–是否要在页脚中加载脚本?设定这个 对或错。默认情况下为false,因此它将加载到标头中 wp_head()的位置,如果您指定true,它将在何处加载 wp_footer()将出现在主题中
下面是加载自定义脚本的最基本示例:

function wptuts_scripts_basic()
{
    // Register the script like this for a plugin:
    wp_register_script( 'custom-script', plugins_url( '/js/custom-script.js', __FILE__ ) );
    // or
    // Register the script like this for a theme:
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js' );

    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'wptuts_scripts_basic' );
首先,我们注册脚本,以便WordPress知道我们在谈论什么。无论是编写插件还是编写主题,查找JavaScript文件路径的方法都是不同的,因此我已经包含了上述两种方法的示例。然后我们将其排队,以便在生成页面时将其添加到HTML中,默认情况下,在主题中的wp_head()位置

我们从该基本示例中得到的结果是:

<script type="text/javascript" src="http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js?ver=3.3.1"></script>

这是使用一个名为wp\u register\u script的WordPress函数完成的,下面是根据WordPress Codex的用法:

wp_register_script( $handle, $src, $deps, $ver, $in_footer );
您可以将其放入
functions.php
文件中。 那么这些变量是什么?我们每次都需要它们吗?(这在法典页面上有介绍,因此我将简短地使用简单的英语)

  • $handle–无论在何处,您都将使用它来引用此特定脚本 您可能需要将其排队,并且必须包含此变量 至少
  • $src–插件或主题中源文件的路径
  • $deps–包含任何其他脚本的$handle的数组 脚本需要运行(即依赖项)
  • $ver–脚本的版本号,可用于 缓存破坏。默认情况下,WordPress将使用自己的版本号 作为脚本的版本号
  • $in_footer–是否要在页脚中加载脚本?设定这个 对或错。默认情况下为false,因此它将加载到标头中 wp_head()的位置,如果您指定true,它将在何处加载 wp_footer()将出现在主题中
下面是加载自定义脚本的最基本示例:

function wptuts_scripts_basic()
{
    // Register the script like this for a plugin:
    wp_register_script( 'custom-script', plugins_url( '/js/custom-script.js', __FILE__ ) );
    // or
    // Register the script like this for a theme:
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js' );

    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'wptuts_scripts_basic' );
首先,我们注册脚本,以便WordPress知道我们在谈论什么。无论是编写插件还是编写主题,查找JavaScript文件路径的方法都是不同的,因此我已经包含了上述两种方法的示例。然后我们将其排队,以便在生成页面时将其添加到HTML中,默认情况下,在主题中的wp_head()位置

我们从该基本示例中得到的结果是:

<script type="text/javascript" src="http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js?ver=3.3.1"></script>


您确定标题中没有包含脚本标记吗?你说没有变化,但可能是因为另一个原因。打开站点并执行“查看源代码”并查找脚本标记。它在那里,但它应该显示一个关于我的脚本的弹出窗口。您确定它没有包含在标题中的脚本标记吗?你说没有变化,但可能是因为另一个原因。打开网站,做“查看源代码”并查找脚本标签。它在那里,但它应该显示一个弹出窗口,关于我的脚本。我编辑了我的答案。它将被放入函数中。phpIf如果我的答案帮助了你,请投票并接受它作为答案。它仍然不起作用,代码已经生成(谢谢),但是javascript没有显示任何内容,可能是我的wordpress网站阻止了javascript吗?我编辑了我的答案。如果我的答案帮助了你,请投票并接受它作为答案。它仍然不起作用,代码已经生成(谢谢),但是javascript没有显示任何内容,可能是我的wordpress网站阻止了javascript吗?