欢迎光临散文网 会员登陆 & 注册

个人笔记: 在 MediaWiki 中使 JavaScript 脚本作用于部分页面

2023-03-12 15:22 作者:柠檬BigLemon  | 我要投稿

前言

MediaWiki 中使用 JavaScript 的办法一般是把代码放在 MediaWiki:Common.js 页面内。MediaWiki:Common.js 中的代码将并作用于所有页面。

这种办法有一个弊端。如果只有部分页面需要执行 JavaScript 代码,对于不需要的页面来说是一个不必要但又必须要加载的东西。

操作

在 MediaWiki:Common.js 内填入以下 JavaScript 代码。我们使用 if else 语句和 MediaWiki 框架的 importScript 方法来实现需求。


/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */ 

if (mw.config.get('wgPageName') === '首页')  {

importScript( 'MediaWiki:Mainpage.js' ); 

} else if (mw.config.get('wgPageName') === '玩家列表') { 

importScript( 'MediaWiki:Playerlist.js' ); 

}


我们将 mw.config.get('wgPageName') === '页面名称' 作为条件,如果页面名称与当前相符,就执行语句中的 importScript( 'MediaWiki:Eample.js' ); 脚本。importScript 方法还可以导入外部 JavaScript 文件,例如:

importScript('https://wiki.example.com/example.js');

你可以根据自己的需求修改条件语句,比如添加逻辑表达式等。

  • "mw.config.get('wgPageName')"是 MediaWiki JavaScript API 中的一个方法,用于获取当前页面的标题。它返回一个字符串,表示当前页面的标题,可以在 JavaScript 代码中使用。

  • "importScript('myScript.js')"是MediaWiki JavaScript API中的一个方法,用于在 MediaWiki 页面上加载指定的 JavaScript 脚本文件。

保存后并清除浏览器缓存(Ctrl+F5)后,可在浏览器的 F12(开发者工具)中查看是否加载代码来检查是否成功。使用这种方法分离各种 JavaScript 代码后,不仅仅是减少消耗的时间,对于开发者来说,使用模块化的方式组织 JavaScript 文件可以更好地组织代码,提高代码的可读性和可维护性,同时也方便开发者对不同的功能模块进行管理和调试。

过几天打算记录下在自己服务器的维基站点用 JavaScript 实现增加信息上传和加载表格信息。不仅前端要写还得写后端

(首页中)根据 Common.js 文件中的代码,只加载了 Mainpage.js,没有加载 Playerlist.js。


个人笔记: 在 MediaWiki 中使 JavaScript 脚本作用于部分页面的评论 (共 条)

分享到微博请遵守国家法律