我正在学习 JavaScript。但是，做一些实验并不那么方便。您必须创建一个模板 HTML 文件，然后将您的 JavaScript 代码嵌入其中，然后使用浏览器打开
HTML 文件，即使你只想看alert("hello world")。
我想知道创建在线 JavaScript 编辑器是否容易。基本思路是：在 HTML 文本区域中，直接输入 JavaScript 代码，下面有一个“运行”按钮来运行 JavaScript 代码。
如果它包含一些语法错误，可能会显示错误消息。例如：有人已经创建了这样一个：http://www.codehouse.com/webmaster_tools/javascript_editor/
我怎样才能创建这个？是否有任何关于如何创建的资料、博客等？
【问题讨论】：
标签： javascript editor
考虑http://jsbin.com。它已经配备了各种版本的最著名的 JavaScript 框架进行测试。此外，它会在线存储您的代码并创建一个短 URL，以便您可以传递示例，并快速参考以前感兴趣的项目。您会在这里看到我们中的许多人经常使用它来互相帮助。
如果你真的想自己工作，你可以在 GitHub 上 fork jsbin：http://github.com/remy/jsbin
【讨论】：
CodeMirror 是 jsbin 和 jsFiddle 使用的突出显示“引擎”的语法。
【讨论】：
我认为你可以这样做：
<textarea id="code"></textarea>
<iframe id="output"></iframe>
<button id="submit-b" onclick="update()">run</button>
function update()
{
var frame = $('#output').get(0);
var frameDoc = frame.contentDocument || frame.contentWindow.document;
var w = document.getElementById("code").value;
document.getElementById('output').contentWindow.document.write(w);
}
【讨论】：
使用Firebug。
您可以在任何网页中打开 Firebug，然后在“控制台”选项卡的底部键入任意 JavaScript。它将评估 JavaScript 并显示结果。它甚至还有基本的自动完成功能！
然而，Firebug 的真正价值在于它的 DOM 标签。
您可以查看任何 JavaScript 对象并查看其所有方法和属性，可以随意嵌套。您可以检查浏览器的预定义对象（window、document 等）、页面上定义的任何全局变量，甚至是您在控制台选项卡中创建的对象（通过单击结果列表中的对象)。
DOM 选项卡将向您显示所有您可能想要的关于对象的信息。您甚至可以将鼠标悬停在右侧的单词 function 上，然后在工具提示中查看函数的主体。 （它也会自动缩进。）
一旦您开始编写自己的页面，您就可以使用 Firebug 的 JavaScript 调试器来帮助它们正常工作。
【讨论】：
【讨论】：