代码在线操作:运行代码 复制代码 另存代码

运行代码:就是首先打开新窗口,再用document.write()方法写文档;

<textarea cols=40 rows=15 name="area1" id="area1"></textarea>
<input type=button value=运行代码 onclick="test1()">
<script language="javascript">
function test1(){
    var bb=window.open();
    var area1=document.getElementById("area1");
    bb.document.write(area1.value);
    bb.document.close();
}
</script>

复制代码:就简单点了,先选择文本,再用 document.execCommand("copy") 即可;

<textarea cols=40 rows=15 name=area2 id=area2></textarea>
<input type=button value=复制代码 onclick="test2()">
<script language="javascript">
function test2(){
    var area2=document.getElementById("area2");
    area2.select();
    document.execCommand("copy");
}
</script>

另存代码:我们马上会想到 document.execCommand("saveAs") ;

<textarea cols=40 rows=15 name=area3 id=area3></textarea>
<input type=button value=另存代码 onclick="test3()">
<iframe style="display:none" id=aa></iframe>
<script language="javascript">
function test3(){
    var area3=document.getElementById("area3");
    document.frames.aa.document.write(area3.value);
    document.frames.aa.document.close();
    document.frames.aa.document.execCommand("saveAs",0,"文件名.htm");
}
</script>

综合实例DEMO演示:演示Demo

注:代码请在IE浏览器下测试!目前尚不兼容firefox等浏览器!