Javascript 的调用

评论(4)

在插件或是主题中我们经常要调用到 javascript 文件,目的可能是做一部分客户端计算,也有可能做页面渲染工作,而 WordPress 中自有一套 JS 文件的调用机制,当然大多数情况下我们在做主题时经常会把JS代码直接写在主题 head.php 文件中,但当我们需要调用插件的时候如此大费周折的去写调用代码费时也费力。今天来探讨一下我们如何在插件中利用 WordPress 的 javascript 调用机制去调用我们想调用的 JS代码。

调用 JavsScript 所需的函数

本来可以分开写两个函数的,因为网上有大量的分别介绍两个函数的文章,所以就不写了,
大家之所以看了网上的文章,还是不明白怎么调用JS,是因为没有把两个函数连贯起来。
所以我们往下来:

//脚本注册
wp_register_script($handle, $src);
//脚本调用
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

参数详解

wp_register_script($handle, $src);
$handle : 想要注册的 javascript 脚本的句柄 (句柄可以简单的理解为“调用的名字”)
$src : javascript 脚本地址

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
$handle :想要调用脚本的句柄
$src :调用的地址,如果之前注册过了可以留空
$deps :本脚本所依赖的脚本的句柄名称。这是一个数组形式的参数 默认值:array()
$ver :脚本的版本
$in_footer :是否在页面底部加载 默认值:false,填 true 则在底部加载。

实例

//注册4个脚本,名字分别是 js1,js2,js3,js4
wp_register_script('js1','http://www.baidu.com/javascript1.js');
wp_register_script('js2','http://www.baidu.com/javascript2.js');
wp_register_script('js3','http://www.baidu.com/javascript3.js');
wp_register_script('js4','http://www.baidu.com/javascript4.js');
 
 
//调用js4并把js1,js2,js3在其调用前调用
wp_enqueue_script( 'js4', '', array('js1','js2','js3'), '0.1', true );

后记

好吧,这么讲是不是明白好多?
有一些整套的函数,因为涉及的东西太多没有去系列的一篇文章去写。
这就要依靠大家在平时多多的去研究一下成品的主题或者插件,
遇到问题的时候多百度一下,依靠着进了什么 wordpress 群去提问,效率真的很低。





转载请注明转自: Javascript 的调用

  1. 使用 bootstrap-alert.js
    通过javascript触发通知:

    $(“.alert”).alert()

    这个该如何调用?

  2. Pingback: TwentyTwelve主题如何加载CSS和JS|主题-WordPress

  3. @ki1418
    慢慢来,作为一个框架 WordPress ,
    不是能那么轻易就能玩透的,
    而且目前触及底层的中文文档又那么少。

  4. 一直不太會在wordpress調用 js 謝~