基于JavaScript编写8086汇编指令查询工具

发布时间：2023-02-16 13:15:27 所属栏目：Java 来源：互联网

导读：汇编语言还是在大学的时候学的，汇编语言有个特点是语句短、条数多，很难可以把全部指令都背熟。本文就来用JavaScript编写一个8086汇编指令查询工具，希望对大家有所帮助前言汇编语言还是在大学的时候学的，汇编语言有个特点是语句短、条数多，很难可以把

　　汇编语言还是在大学的时候学的，汇编语言有个特点是语句短、条数多，很难可以把全部指令都背熟。本文就来用JavaScript编写一个8086汇编指令查询工具，希望对大家有所帮助

　　前言
　　汇编语言还是在大学的时候学的，汇编语言有个特点是语句短、条数多，很难可以把全部指令都背熟。当时就想编写一个软件可以随时查阅汇编语言的各类指令，而且软件不需要编译可以随时更新，可惜当时用javascript语言写只写了一半，现在终于有空了，就把另一半补全了。

　　一、程序效果展示
　　输入字母会自动出现匹配的下拉列表，控制键盘↑和↓键就可以上下移动选择想查看的汇编指令解析。

　　二、程序制作过程
　　（一）为了实现一个HTML文件就可以运行，因此所有的数据都使用<div></div>标签进行存放，并直接利用指令名作为div的id,例如：<div id="AAD">，以便后续通过id实现快速查找。主要代码如下：

　　1
　　2
　　<div id="AAD"> AAD∶ 指令助记符——除法的ASCII调整（非压缩的BCD码）。在执行除法操作前，必须利用 AAD指令将非压缩型BCD码表示的数转换成二进制数送AL。步骤是，先将被除数的高位数（AH中的内容）乘以10，然后加到AL的低位数中，接着将AH清零。
　　</div>
　　（二）使用获取用户在input框输入的字符，每输入一个字符就马上开始字符串匹配，字符串匹配从左到右匹，程忽略字母大小写，并把匹配到的结果用javascript的document.createElement("label")动态生成多个label标签作为下拉列表。主要代码如下：

　　function chooseMenu() {
　　            //获得输入框的值
　　            var str = document.getElementById("input").value;
　　            //获得标签名为div的数组，把首地址给divs
　　            var 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()">，为整个页面添加键盘监听事件。

　　1
　　<body onkeydown="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";

（编辑：十堰站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

1/2

尾页