大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > ASP.NET技巧 > 在网站中添加"可运行代码"功能

在网站中添加"可运行代码"功能

关键词:可运行代码  阅读(700) 赞(43)

[摘要]很多网站经常要添加插入"可运行代码"的功能,现在我们来看看下面两个例子!

第一种方法,比较简洁,只有“运行代码”一词。

在<body>....</body>间插入即可!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

</head>
<body>
<textarea name="Cont" cols="50" rows="10" id="Cont"></textarea>
<input type="button" name="Submit" value="运行代码" onClick="runCode()">
<script language="javascript">
function runCode(){
var Code=Cont.value;
var newwin=window.open('','','');
newwin.opener=null
newwin.document.write(Code);
newwin.document.close();
}
</script>
</body>
</html>

 

第二种方法,多了复制和另存为功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" >
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>
</head>
<body>
<textarea id="code1" style="width: 560px; height: 200px">
放你想运行的代码
</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> 
</body>
</html> 



相关评论