html+Js [在线演示代码效果]



<html> 

<head> 
<script> 
<!--运行代码 --> 
function runEx(cod1)  { 
cod=document.all(cod1) 
  var code=cod.value; 
  if (code!=""){ 
  var newwin=window.open('','','');  //打开一个窗口并赋给变量newwin。 
  newwin.opener = null // 防止代码对页面修改 
  newwin.document.write(code);  //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 
  newwin.document.close(); 




//复制文本域代码 
function cycode(obj) { 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
window.status="高亮度包含的代码已被复制到剪贴板!Contents highlighted and copied to clipboard!" 
setTimeout("window.status=''",1800) 
rng.collapse(false); 





//另存代码 
function svcode(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(); 

</script> 
<head> 
<body> 
在线演示效果<br>
<textarea rows='12' cols='78' class='fm' id='code'> 
         <html><head></head><body><input type="text" name="text"/></body></html> 
</textarea><br>
<input οnclick="runEx('code')"  type="button" value="运行代码" onFocus="this.blur()">  
<input type="button" name="Submit" value="复制到剪贴板" onClick="cycode(code)"  onFocus="this.blur()">  
<input type="button" value="另存代码" οnclick="svcode(code)" onFocus="this.blur()"> 
</body> 
</html> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值