blocks|key|4780864|text|您可以使用wp_register_script注册一个带有句柄的脚本，以避免重复代码(例如，如果您将脚本放入多个位置并需要更新文件名)。这通常不是必需的，我通常使用wp_enqueue_script()，它接受相同的参数并将其输出到页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4780865|我通常使用我所有的样式和脚本队列创建一个设置函数，然后将该函数挂接到一个预制的钩子上，如下所示：|4780866|function+theme_enqueue()+{
++/**
+++*+Scripts.
+++*/
++wp_enqueue_script('scripts',+get_template_directory_uri()+.+'/js/lib/scripts.pkgd.min.js',+array('jquery'),+THEME_VERSION);
++wp_enqueue_script('myscript',+get_template_directory_uri()+.+'/js/myscript.js',+array('scripts'),+THEME_VERSION,+TRUE);
++wp_enqueue_script('main-menu',+get_template_directory_uri()+.+'/js/menu.js',+array('jquery'),+THEME_VERSION,+TRUE);
}
add_action('wp_enqueue_scripts','theme_enqueue');|code-block|syntax|javascript|4780867|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You use wp_register_script to register a script with its handle in order to avoid duplicating code (if for instance you enqueue it in several places and need to update the filename). This is usually not needed, I usually use wp_enqueue_script(), which takes the same arguments and outputs it to the page. 

I usually do this by creating a setup function with all my style and script enqueues and then hooking that function up to one of the pre-made hooks, like this:

<pre><code>function theme_enqueue() {
 /**
 * Scripts.
 */
 wp_enqueue_script('scripts', get_template_directory_uri() . '/js/lib/scripts.pkgd.min.js', array('jquery'), THEME_VERSION);
 wp_enqueue_script('myscript', get_template_directory_uri() . '/js/myscript.js', array('scripts'), THEME_VERSION, TRUE);
 wp_enqueue_script('main-menu', get_template_directory_uri() . '/js/menu.js', array('jquery'), THEME_VERSION, TRUE);
}
add_action('wp_enqueue_scripts','theme_enqueue');
</code></pre>

blocks|key|5583316|text|您可以通过wp_enqueue_script使用以下结构作为插件；|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5583317|function+add_custom_js()+{
++++wp_enqueue_script(+'script_name',+get_template_directory_uri()+.+'/js/custom.js',+array(),+'1.0',+true+);
}

add_action(+'wp_enqueue_scripts',+'add_custom_js'+);|code-block|syntax|javascript|5583318|如果你正在开发插件，你可以把这个动作添加到你的插件中。或者你可以把这个放到functions.php上|style|CODE|5583319|entityMap|0|LINK|mutability|MUTABLE|url|http://codex.wordpress.org/Function_Reference/wp_enqueue_script^0|5|H|0|0|0|11|D|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You can use following structure as plugin by using <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow">wp_enqueue_script</a>;

<pre><code>function add_custom_js() {
 wp_enqueue_script( 'script_name', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
}

add_action( 'wp_enqueue_scripts', 'add_custom_js' );
</code></pre>

If you are developing plugin, you can add this action to your plugin. Or you can put this to <code>functions.php</code>

blocks|key|1462669|text|wp_register_script()函数用于注册脚本一次，然后随时随地调用。在您的functions.php文件中使用wp_enqueue_script()来调用它|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1462670|方法:1|1462671|//+First+Register
function+register_my_scripts(){
++++wp_register_script('handler_1',+get_template_directory_uri()+.+"/js/script_one.js");
++++wp_register_script('handler_2',+get_template_directory_uri()+.+"/js/script_two.js");
}
add_action('init',+'register_my_scripts');|code-block|syntax|javascript|1462672|现在使用：|1462673|function+wp24_load_script()+{
++++//+Check+if+you+want+to+load+for
++++//+specific+page
++++wp_enqueue_script('handler_1');
}
add_action("wp_enqueue_scirpts",+"wp24_load_script");|1462674|方法:2|1462675|或者您可以直接使用wp_enqueue_script()函数加载它：|1462676|function+wp24_load_script()+{
++++//+Check+if+you+want+to+load+for
++++//+specific+page
++++wp_enqueue_script('handler_1',+get_template_directory_uri()+.+"/js/script_one.js");
}
add_action("wp_enqueue_scirpts",+"wp24_load_script");|1462677|entityMap|0|LINK|mutability|MUTABLE|url|http://codex.wordpress.org/Function_Reference/wp_register_script|1|http://codex.wordpress.org/Function_Reference/wp_enqueue_script^0|17|D|0|K|0|1P|J|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@$9|19|A|1A|1|1B]|$9|1C|A|1D|1|1E]]|E|$]]|$1|F|3|G|5|6|7|1F|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1G|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1H|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1J|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1K|8|@]|D|@]|E|$]]|$1|U|3|V|5|J|7|1L|8|@]|D|@]|E|$K|L]]|$1|W|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]|14|$5|Z|10|11|E|$12|15]]]]

<a href="http://codex.wordpress.org/Function_Reference/wp_register_script" rel="nofollow">wp_register_script()</a> function is used to register your script once and call anywhere, anytime. And <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow">wp_enqueue_script()</a> is used to call it in your <code>functions.php</code> file

<h1>Method: 1</h1> 

<pre><code>// First Register
function register_my_scripts(){
 wp_register_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
 wp_register_script('handler_2', get_template_directory_uri() . "/js/script_two.js");
}
add_action('init', 'register_my_scripts');
</code></pre>

Now use :

<pre><code>function wp24_load_script() {
 // Check if you want to load for
 // specific page
 wp_enqueue_script('handler_1');
}
add_action("wp_enqueue_scirpts", "wp24_load_script");
</code></pre>

<h2>Method: 2</h2>

Or you can directly load it with wp_enqueue_script() function: 

<pre><code>function wp24_load_script() {
 // Check if you want to load for
 // specific page
 wp_enqueue_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
}
add_action("wp_enqueue_scirpts", "wp24_load_script");
</code></pre>

I want to add 2 js files in my wordpress template function-dir.php.

how to add this js file is there any tag?

is it right function to use

<pre><code>wp_register_script( $handle, $src, $deps, $ver, $in_footer );
</code></pre>

Thanks in advance....

how to add javascript in wordpress template?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想在我的wordpress模板函数-dir.php中添加两个js文件。如何添加这个js文件有标签吗？使用的函数正确吗wp_register_script( $handle, $src, $deps, $ver, $in_footer );提前感谢....

问如何在wordpress模板中添加javascript？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在wordpress模板中添加javascript？EN