运行 JavaScript 操作

概述

运行 JavaScript 操作允许您编程特定事件并读取/设置 Labvanced 变量，同时通过输入自定义的 JavaScript 来控制您研究中的对象，当触发时将作为操作运行。

Labvanced 操作菜单中的运行 JavaScript 操作。

当选择上述 运行 JavaScript 操作时，您将看到 执行环境 选项以及应该编写 JavaScript 代码的代码编辑器（其中包含一些有用的说明）：

Labvanced 中的 JavaScript 代码编辑器。

执行环境选项

您可以在此指定您正在运行的 JavaScript 的性质，选项包括：

  • Acorn 解释器：适合仅发生变量读取/写入的场景。
  • 原生 JavaScript：允许在实验中直接操作文档对象模型 (DOM) 的自定义 JavaScript 的执行，更改屏幕元素，有助于集成基于 JavaScript 的互动游戏并通过 JavaScript 创建更动态的内容。

使用原生 JavaScript

在使用 原生 JavaScript 控制文档对象模型 (DOM) 中的元素时，一个重要的考虑因素是知道要附加的 HTML 节点，以及考虑一些样式指南。

一个简单的 ID 可以考虑使用的是 background 标识符，这样其他 Labvanced 对象仍然可以在框架中，例如在下面的示例中：

const container = document.getElementById('background');
container.appendChild(gameContainer);

在这里概述的示例中，gameContainer 是自定义内容的主要容器 / div，应采用 absolute 位置，您需要设置 width 和 height：

const gameContainer = document.createElement('div');
gameContainer.style.position = 'absolute';
gameContainer.style.width = window.innerWidth +"px";
gameContainer.style.height = window.innerHeight +"px";

这种方法的结果可以在此演示中看到，我们在 Labvanced 中使用 原生 JavaScript 选项实现了乒乓游戏：https://www.labvanced.com/page/library/75148

如对 运行 JavaScript 操作的常规可用性有任何疑问，请随时通过电子邮件或在线聊天与我们联系。