【先看个例子】
<!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"><!-- http://topic.csdn.net/u/20090407/17/f4e03fe8-7085-441a-91c7-d34b088ca502.html --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档 </title> <style type="text/css"> <!-- *{padding:0;margin:0} .pop{z-index:2;background-color:#FF0000;position:absolute;left:40%;top:40%;width:300px;height:100px;display:none} --> </style> </head> <body style="width:100%;height:100%"> <!--首先设置一个层:--> <div id="pop1" style="z-index:1;background-color:#CCCCCC;filter: alpha(opacity=80);width:100%;height:100%;position:absolute;left:0px;top:0px;display:none"> </div> <div id="pop2" class="pop">你好 </div> <!--弹出层的按钮:--> <button οnclick="show('pop1','pop2')">弹出按钮 </button> <script type="text/javascript"> function show(o1,o2){ var o1 = document.getElementById(o1); var o2 = document.getElementById(o2); o1.style.width = document.documentElement.scrollWidth; o1.style.height = document.documentElement.scrollHeight o1.style.display = "block"; o2.style.display = "block"; } </script> <div style="height:999px;width:2999px;"></div> </body> </html>
JS配置在新博客中切换到"HTML",在代码里面插入:
// 运行文本域代码
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();
}
}
< / script>
前台调用在新博客中切换到"HTML",在代码里面插入:
< input style ="cursor: hand" onclick ="runEx('rn01')" type ="button" value ="运行代码" >