运行JavaScript操作

概述

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

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

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

Labvanced中的JavaScript代码编辑器。

执行环境选项

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

Acorn Interpreter: 适用于仅进行变量读取/写入的场景。
Native JavaScript: 允许直接操纵实验中的文档对象模型（DOM）以执行自定义JavaScript，允许编辑屏幕上的元素，这对于集成基于JavaScript的交互式游戏和通过JavaScript创建更动态的内容非常有用。

使用本地JavaScript

在利用Native 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";

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

如对Run JavaScript操作的一般可用性有任何问题，请随时通过电子邮件或聊天与我们联系。