代码在线操作:运行代码 复制代码 另存代码
运行代码:就是首先打开新窗口,再用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等浏览器!