制作一个简单的JavaScript测试工具

在刚开始学习Javascript过程中，有个测试工具将对学习和测试Js代码有很大的帮助。你也许可以利用一个简单的网页嵌入Javascript代码，然后再在浏览器运行它，这个方法当然可行但有点繁琐。不过有个更简单的方法，就是可以自己制作一个人人都可以有的JavaScript 引擎。 方法其实很简单，就是利用JavaScript 的eval()方法来解析你的代码：制作步骤如下：

1. 先用 Form 制作一个代码编辑器。 打开一个文本编辑器输入以下代码：

<form name="jsengine">
<textarea id="code" cols="50" rows="10" ></textarea>
<input type="button" onclick="run();return false" value=" 运行代码 ">
</form>

这个简单的表单包含两个部件，一个你可以输入代码的编辑器和一个按钮， 点击按钮后将运行你所输入的代码。

2. 接着就是要用JavaScript来获取你在编辑器所输入代码然后运行它，接着上面的代码然后面输入以下代码：

<script type="text/javascript">
function run() {
       eval(document.jsengine.code.value);
}
</script>

3. 保存该文本为HTML格式， 即保存为 .html 的文本。
4. 打开你的测试工具，输入 alert(‘hello world’) 看看效果吧。

下载代码

享受学习JavaSript的旅程吧!!!