给页面加上运行代码功能
给页面加上运行代码功能其实现代码为:
<!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" lang="zh-CN">
<scrpt>
function Preview(obj)
{
var code=obj.value;
if (code!=""){
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
newwin.document.close();
}
}
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
</script>
<textarea id=code2 style="WIDTH: 570px; HEIGHT: 244px" rows=15 cols=47><hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/></textarea>
<br><button onclick=Preview(code2)>运行代码</button >
<button onclick=copyCode(code2)>复制代码</button >
</html>