门外汉学Web开发-WordPress代码导读（4-Admin后台模块之JS）

最新推荐文章于 2025-10-18 17:24:37 发布

原创最新推荐文章于 2025-10-18 17:24:37 发布 · 403 阅读

0 ·

CC 4.0 BY-SA版权

WebDev 专栏收录该内容

14 篇文章

订阅专栏

本文深入探讨了WordPress Admin模块中JavaScript脚本的使用，包括文件结构、调用方式、对象创建语法及核心成员函数。通过分析dragdrop.js文件，展示了如何利用Script-loader.php进行脚本加载，并介绍了面向对象编程、Event事件等JavaScript关键概念。

Admin模块中的JS JavaScriptS脚本是一水的*.js后缀的文件，路径：wp-admin\js。同样的，用到的时候再细看。

先复习一下JavaScript脚本的知识，具体的参考：JavaScript 教程

拿dragdrop.js文件来看，会被Script-loader.php (wp-includes)调用，添加到WP_Scripts类中。问题：什么时候，再哪儿，如何调用呢？
文件里面主要是一些对象，使用的是列表方式直接创建的，语法真怪。比如：

var Droppables = {
  drops: [],

  remove: function(element) {
    this.drops = this.drops.reject(function(d) { return d.element==$(element) });
  },

  add: function(element) {
    element = $(element);
    var options = Object.extend({
      greedy:     true,
      hoverclass: null,
      tree:       false
    }, arguments[1] || { });

其中成员和成员函数是用冒号”:”来标记。空的方括号[]为数组。function(d)为无名函数。Object.extend作用是给对象增加成员【？】。更多的可以参考“JavaScript面向对象编程”。JavaScript的Event可以参考：Event事件手册。 Continue reading »