当前位置：首页 > news >正文

利用JavaScript编写Python内置函数查询工具

news 2026/2/9 13:12:41

最近我开始学习Python编程语言，我发现Python拥有非常丰富的内置函数，可以用来实现各种不同的功能。但是每当我需要查找一个内置函数时，我总是需要联网使用搜索引擎进行查询。这种方式不仅费时费力，而且需要联网，很不方便。我曾在网上搜索过一个能够离线查询Python内置函数的小工具，但却没有找到合适的工具。

因此，我决定自己开发一个这样的小工具，以方便自己的Python学习和开发。我之前写过一个可以查询8086汇编指令的小工具，我决定在这个基础上进行改进。

我将使用Python语言来编写这个小工具，这样我就可以在不用离开编辑器的情况下快速查找所需的内置函数。我的计划是将所有的Python内置函数收录在这个小工具中，并提供简要的文档说明和示例代码，以帮助我更好地理解和使用这些函数。

在我完成这个小工具后，我将分享给其他人，希望可以帮助他们更轻松地学习Python编程。我相信这个小工具会对所有的Python初学者非常有用，也会对一些有经验的Python开发者提供帮助。

一、程序效果展示

输入字母会自动出现匹配的下拉列表，控制键盘↑和↓键就可以上下移动选择想查看的Python内置函数，如下图。

二、程序编写过程

（一）为方便使用，实现只用一个HTML文件运行，小工具中所有的数据都使用<div></div>标签进行存放，并直接利用Python内置函数名作为div的id,例如：<div id="abs()">，以便后续通过id实现快速查找。

比如以下代码：

<div id="abs"> 返回一个数的绝对值。 参数可以是整数、浮点数或任何实现了 __abs__() 的对象。 如果参数是一个复数，则返回它的模。
</div>

（二）使用获取用户在input框输入的字符，每输入一个字符就马上开始字符串匹配，字符串匹配从左到右匹，程忽略字母大小写，并把匹配到的结果用javascript的document.createElement("label")动态生成多个label标签作为下拉列表。主要代码如下：

function chooseMenu() {//获得输入框的值var str = document.getElementById("input").value;//获得标签名为div的数组，把首地址给divsvar divs = document.getElementsByTagName("div");var div_di;var templabel;var _style_top = 0;//把choose层里面的子节点清空clearAllNode($("choose"));if (str != "") {//如果输入框的值不为空，执行以下循环for (var i = 2; i < divs.length; i++) {//getAttribute方法获得divs[i]节点属性id的值div_id = divs[i].getAttribute("id");//如果字串str在主串div_id中出现在第0个位置则添加一个innerHTML为div_id的div到//choose层if (div_id.toLowerCase().indexOf(str.toLowerCase()) == 0) {templabel = document.createElement("label");templabel.className = "suggestions";templabel.innerHTML = div_id;templabel.style.visibility = "visible";templabel.style.top = _style_top * 20 + "px";templabel.style.position="absolute"$("choose").appendChild(templabel);_style_top++}}//添加完choose层的元素后更新show层的元素if ($("choose").firstChild) {show($("choose").firstChild.innerHTML);$("choose").firstChild.style.backgroundColor = "ccc";count = 0;} else {show("");$("choose").innerHTML = "couldn't find";}} else {show("");}}

（三）监听键盘的↑和↓事件，调用键盘事件处理函数，在label前后兄弟节点键来回移动。并更新右侧详细信息页中的内容。

1）使用<body οnkeydοwn="handleUpAndDown()">，为整个页面添加键盘监听事件。<body οnkeydοwn="handleUpAndDown()">

2）编写handleUpAndDown(evt)键盘响应函数，这里需要注意的是charCode=38为键盘↑键，charCode=40为键盘↓键。当charCode为38时调用moveUp()函数，当charCode为40时调用moveDown()函数。moveDown()和moveUp()各自实现左侧Label上下移动效果。

function moveUp() {var labels = document.getElementsByTagName("label");if (count != 0) {labels[count].style.backgroundColor = "#fff";labels[count - 1].style.backgroundColor = "#ccc";show(labels[count - 1].innerHTML);$("input").value = labels[count - 1].innerHTML;count = count - 1;}}function moveDown() {var labels = document.getElementsByTagName("label");if (count != labels.length - 1) {labels[count].style.backgroundColor = "#fff";labels[count + 1].style.backgroundColor = "#ccc";show(labels[count + 1].innerHTML);$("input").value = labels[count + 1].innerHTML;count = count + 1;}}function handleUpAndDown(evt) {evt = (evt) ? evt : event;var charCode = (evt.charCode) ? evt.charCode :((evt.which) ? evt.which : evt.keyCode);if (charCode == 38)moveUp();if (charCode == 40)moveDown();}

3）使用οnkeyup="handleKeyUpEvent(event)，为Input输入框绑定键盘事件，代码如下：<input type="text" name="input" id="input" maxlength="10" style="width:100px;height:20px;"οnkeyup="handleKeyUpEvent(event)">

输入你想查找的指令,可按键盘↑和↓移动指令

4）编写handleKeyUpEvent(evt)，避免用户在Input输入框输入文字时受到刚才添加的键盘事件干扰。

function handleKeyUpEvent(evt) {//用来处理键盘事件的函数evt = (evt) ? evt : event;var charCode = (evt.charCode) ? evt.charCode :((evt.which) ? evt.which : evt.keyCode);if (charCode == 38 || charCode == 40 || charCode == 37 || charCode == 39) {} else {chooseMenu();}}

利用JavaScript编写Python内置函数查询工具

一、程序效果展示

二、程序编写过程

相关文章：

利用JavaScript编写Python内置函数查询工具

【MySQL进阶】SQL优化

最新版海豚调度dolphinscheduler-3.1.3配置windows本地开发环境

csv文件完整操作总结

时间序列预测--基于CNN的股价预测（Matlab代码实现）

Dubbo与Spring Cloud优缺点分析（文档学习个人理解）

单元测试工具——JUnit的使用

Linux_基本权限

3、JavaScript面试题

YUV图像

.net6API使用AutoMapper和DTO

IO知识整理

【正点原子FPGA连载】第十三章QSPI Flash读写测试实验摘自【正点原子】DFZU2EG_4EV MPSoC之嵌入式Vitis开发指南

深入理解mysql的内核查询成本计算

LeetCode 141. 环形链表

git提交

Java中常见的编码集问题

数据结构与算法（Java版） | 就让我们来看看几个实际编程中遇到的问题吧！

【C++算法】dfs深度优先搜索(上) ——【全面深度剖析+经典例题展示】

总结高频率Vue面试题

C++_核心编程_多态案例二-制作饮品

label-studio的使用教程(导入本地路径)

跨链模式：多链互操作架构与性能扩展方案

MODBUS TCP转CANopen 技术赋能高效协同作业

CocosCreator 之 JavaScript/TypeScript和Java的相互交互

【HTML-16】深入理解HTML中的块元素与行内元素

mac 安装homebrew (nvm 及git)

Golang——6、指针和结构体

苹果AI眼镜：从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会

ui框架-文件列表展示