博客园“可运行"代码

textarea

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

这里放入运行的Html代码。

</textarea><br />

<input οnclick="runCode('theCode')" value="运行代码" type="button"> 

<input οnclick="doCopy('theCode')" value="复制代码" type="button"> 

<input οnclick="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>

　　

 

转载于:https://www.cnblogs.com/aaronjs/p/3963488.html