javascript - WordPress在标题中自定义js

Question

我需要将这段特定的 JS 代码添加到 WordPress 支持的网站区域中。

    <script type="text/javascript">
    var myDate = new Date();
    var myStamp = ""+myDate.getDate()+myDate.getMonth()+myDate.getFullYear()+myDate.getHours()+myDate.getMinutes();
    document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/abeSVNInfo.js?' + myStamp + '"><\/script>');
    </script>
    <script type="text/javascript">
    document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/ct_abe.js?'+CARTRAWLER.SVNInfo.revision+'"><\/script>');
    </script>
    <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['form'];
    if (!theForm) {
        theForm = document.form;
    }
    function __doPostBack(eventTarget, eventArgument) {
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = eventTarget;
            theForm.__EVENTARGUMENT.value = eventArgument;
            theForm.submit();
        }
    }
    //]]>
    </script>

实现这一目标的最佳方法是什么？

Answer 1

在这种情况下，我想说使用 WordPress wp_enqueue_script 函数效果最好。

首先将 JavaScript 放入单独的文档中(即 cartrawler.js)。将此 JavaScript 文档放入您的主题中(最好放在/js 文件夹中)。之后，您将告诉您的主题使用该文件夹中的 JavaScript。这种方法的好处是，更容易控制 JavaScript 的加载时间和位置(例如仅在主页的 header 中)，并且它允许与(更好的)WP Minify 等插件更好地兼容缓存。

它是这样工作的:

制作一个单独的 JavaScript 文档并将其存储在您的主题文件夹中(即 theme/js/cartrawler.js):

var myDate = new Date();
var myStamp = ""+myDate.getDate()+myDate.getMonth()+myDate.getFullYear()+myDate.getHours()+myDate.getMinutes();
document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/abeSVNInfo.js?' + myStamp + '"><\/script>');
document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/ct_abe.js?'+CARTRAWLER.SVNInfo.revision+'"><\/script>');

var theForm = document.forms['form'];
if (!theForm) {
    theForm = document.form;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}

创建 JavaScript 文档后，您可以将其添加到 function.php 文档中:

// Enqueue JavaScripts
function theme_scripts() {
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/cartrawler.js', array(), '20120802', '1');
}
add_action('wp_enqueue_scripts', 'theme_scripts');

调用 JavaScript 时我们所做的事情如下:我们为 JavaScript 命名(cartrawler)并告诉函数可以在哪里找到源代码。然后我们定义任何依赖项，幸运的是我们没有任何依赖项。之后，我们添加版本号 (20120802) 并告诉函数在页脚中加载 JavaScript。毕竟它不需要出现在标题中(thumbsup @Lixus)。

在此处了解有关使用 wp_enqueue_script 函数的更多信息:http://codex.wordpress.org/Function_Reference/wp_enqueue_script

注意:确保 header.php 使用 wp_header() 函数，并且 footer.php 使用 wp_footer() 函数。