• TEXTAREA 运行代码


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>textarea</title>
    <script type="text/javascript">
     function runCode(obj) {
      var winname = window.open('', "_blank", '');
      winname.document.open('text/html', 'replace');
      //winname.opener = null // 防止代码对原页面修改
      winname.document.write(obj.value);
      winname.document.close();
     }
     function saveCode(obj) {
      var winname = window.open('', '_blank', 'top=10000');
      winname.document.open('text/html', 'replace');
      winname.document.writeln(obj.value);
      winname.document.execCommand('saveas','','code.htm');
      winname.close();
     }
     function copyCode(obj) {
      var rng = document.body.createTextRange();
      rng.moveToElementText(obj);
      rng.scrollIntoView();
      rng.select();
      rng.execCommand("Copy");
      rng.collapse(false);
     }
    </script>
    </head>

    <body>
    <textarea id="code" rows="10" cols="95">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>测试文档</title>
    </head>
    <body>测试文档
    </body>
    </html>
    </textarea><br>
    <input type="button" value="运行代码" onclick="runCode(code)">&nbsp;
    <input type="button" value="复制代码" onclick="copyCode(code)">&nbsp;
    <input type="button" value="另存代码" onclick="saveCode(code)">&nbsp;
    提示:您可以先修改部分代码再运行<br />
    </body>
    </html>


     

    keim,毕业于安徽科技学院理学院,2003年开始对Web开发有浓厚的兴趣,并专注于C#/java Web开发,软件架构设计、分布式相关、项目管理、前端设计等等,实战派...
  • 相关阅读:
    不可错过的几款GitHub开源项目
    Android OTG之USB转串口模块通讯
    Multiple dex files define Lokhttp3/internal/wsWebSocketProtocol
    npm install安装依赖包失败
    Jquery 添加删除属性、添加删除class、添加删除Css(转载)
    jquery 获取一个元素的坐标位置
    Axure9 最新版的授权码(转)
    js实现上移 下移 置顶 置底操作
    iframe子页面获取父页面元素和window对象
    window.onresize与$(window).resize()的用法
  • 原文地址:https://www.cnblogs.com/zqmingok/p/1509364.html
Copyright © 2020-2023  润新知