码迷,mamicode.com
首页 > 其他好文 > 详细

博客园“可运行"代码

时间:2014-09-09 23:01:59      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   os   io   java   ar   文件   div   

textarea

<textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode(‘theCode‘);">

这里放入运行的Html代码。

</textarea><br />

<input onclick="runCode(‘theCode‘)" value="运行代码" type="button"> 

<input onclick="doCopy(‘theCode‘)" value="复制代码" type="button"> 

<input onclick="doSave(‘theCode‘,‘test‘)" value="保存代码" type="button">

 

三个按钮

<script type="text/javascript">

    //执行代码

    function runCode(obj) {

        var winname = window.open(‘‘, "_blank", ‘‘);

        var content = document.getElementById(obj).value;

        winname.document.open(‘text/html‘, ‘replace‘);

        winname.opener = null

        winname.document.writeln(content);

        winname.document.close();

    }

 

    //复制代码

    function doCopy(obj){

        var codeObj = document.getElementById(obj);

        clipboardData.setData(‘text‘, codeObj.innerText);

        alert(‘已经复制代码‘);

    }

 

    // 另存为文件

    function doSave(obj, filename){   

        var win = window.open(‘‘, ‘_blank‘, ‘top=10000‘);

        var code = document.getElementById(obj).innerText;

        win.opener = null;

        win.document.write(code);

        win.document.execCommand(‘saveas‘, true, filename);

        win.close();

    }

</script>

  

 

博客园“可运行"代码

标签:style   blog   color   os   io   java   ar   文件   div   

原文地址:http://www.cnblogs.com/aaronjs/p/3963488.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!