如何将我的JavaScript放在页脚中

时间:2010-11-19 03:37:07

标签: javascript wordpress plugins

我只是想问一下如何使用简单的插件在页脚打印脚本'javascript'。我正在使用WordPress 3.0的任何想法吗?

3 个答案:

答案 0 :(得分:86)

在主题模板中使用functions.php文件添加:

<?php

function add_this_script_footer(){ ?>

[YOUR JS CODE HERE]

<?php } 

add_action('wp_footer', 'add_this_script_footer'); ?>

希望它有所帮助!

答案 1 :(得分:24)

要在页脚中链接外部javascript文件,请使用此(&gt; = WP2.8)

function my_javascripts() {
    wp_enqueue_script( 'the-script-handle', 
                       'path/to/file.js', 
                       array( 'jquery','other_script_that_we_depend_on' ), 
                       'scriptversion eg. 1.0', 
                       true);
}
add_action( 'wp_enqueue_scripts', 'my_javascripts' );

最后一个是真的意味着脚本应该放在wp_footer()钩子上。

答案 2 :(得分:11)

哼哼可能为时已晚,但是如果有其他人来这里遇到同样的问题:

有一个插件可以执行此操作: http://wordpress.org/extend/plugins/footer-javascript/

或者您可以通过在functions.php中添加此短代码来手动执行此操作:

/**
 * Automatically move JavaScript code to page footer, speeding up page loading time.
 */
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);