注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

代码运行框(三)  

2010-03-04 14:06:35|  分类: 网页工具 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 
代码运行框01

<div align="center">
<script>
function Preview()
{
  var TestWin=open('');
  TestWin.document.write(code.value);
}
</script>
<br/>
运行代码框(请将源代码拷贝到下面表单中,然后点运行代码) <br/>
<textarea id=code cols=70 rows=8></textarea>
<br/>
<br>
<button onclick=Preview() >运行代码</button>
<br/> </div>


效果演示 
 
 
 
 
代码转换框

<div align="center">
html代码转JS:请将html源代码拷贝到下面表单中: <br>
<textarea cols="70"id="oSource" onpropertychange="change()" rows="8" ></textarea>
<br/>
<br>
下面表单中是相应的JS代码.双击复制: <br/>
<textarea cols="70" id="oResult" title="双击复制" ondblclick='this.select();oResult.createTextRange().execCommand("Copy")' rows="8"></textarea>
<script>
function change(){
oResult.value="document.writeln(\""+oSource.value.replace(/\\/g,"
\\\\").replace(/\//g,"\\/").replace(/\'/g,"\\\'").replace(/\"/g,"\\\"").split('\r\n').join("\");\ndocument.writeln(\"")+"\")"
}
</script>
<br/></div>


效果演示  
 
 
 
 
代码运行框02

<script>

//运行文本域代码
function Preview(obj) {
var TestWin=window.open('','',''); //打开一个窗口并赋给变量TestWin。
TestWin.opener = null // 防止代码对论谈页面修改
TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功
能。
TestWin.document.close();
}
//复制文本域代码
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
//另存文本域代码
function saveCode(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();
}
//收藏本页代码
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite(url,title);
} else if( window.opera && window.print ) {
return true;
}
}
</script>

<TEXTAREA id=code1 style="WIDTH: 700px; HEIGHT: 300px">
代码区域
</TEXTAREA>
<BR><BUTTON onclick=Preview(code1)>运行代码</BUTTON><BUTTON
onclick=copyCode(code1)>复制代码</BUTTON><BUTTON
onclick=saveCode(code1)>另存代码</BUTTON><BUTTON
onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>


   如想看到效果,请点击使用“在线代码运行工具”!    
 
 代码运行框  ()  () 
 

代码运行框(三) - 火力光波 - 火力光波的博客 

  评论这张
 
阅读(1174)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017