搜 索

制作一款可在线运行js与html代码的小工具

编辑:QTOOL.NET日期:2019-02-21313

本文分享了怎样通过js与简单的html控件元素制作一个简单的可实现在线运行js与html代码效果的在线工具方法.
首先新建一个html页面,将以下代码复制粘贴到空白页面的body中去。
 <textarea  id="Code"></textarea><br/>
 <input type="button" id="run" value="运行" />
    <script type="text/javascript">
      document.getElementById("run").onclick = function(){
        var code2 = document.getElementById("Code").value;//获取输入内容
        if(code2){
          var newck = window.open("", "新建空白页");
          newck.document.open();
          newck.document.write(code2);
          newck.document.close();
        }
      }
    </script>
实现js与html预览的代码截图
在线js与html预览示例图
将以上代码如图所示,按要求保存在新建的html body标签中后,双击运行这个html文件.
在打开的浏览器视图中,我们可以看见一个输入框与一个运行按钮.
首先,我们在文本输入框中输入需要运行的完整js或者html的代码,
然后点击下方的运行按钮,即可在弹出新页面中看见输入的js与html代码实际的运行效果了.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签