Js实现HTML代码预览功能，直接显示网页代码运行效果

2013-08-18 07:56:29 -0700

此代码仅供参考

代码说明

JavaScript实现HTML代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需要运行的HTML代码拷贝到文本框内，点击对应的功能按钮即可。

html代码（原版）

<CENTER>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0 
cellPadding=0 border=0 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><span class="STYLE2"><FONT color=red>请在下面窗口中输入HTML代码</FONT></span></TD>
  </TR>
  <TR>
    <TD align=middle>
<SCRIPT language=JavaScript>
function trestart(){
   if (script) {
   clear = confirm("确定要清除吗？",'');
   if(clear) {
   document.script.reset();
   document.script.value = "";
  }
 }
}	
function test(){
  {
  temp = document.script.tester.value;
  testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
  testwin.document.open();
  testwin.document.write(temp);
  testwin.document.close();
 }
}
function about(){
 alert("HTML代码直接显示出页面来")
}
function help(){ 
 OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");
 OpenWindow.document.write("<body bgcolor='white' text='black' alink='blue'vlink='blue' link='blue'><TITLE>帮助信息</TITLE>")
 OpenWindow.document.write("<center>你只要把你想显示的代码放到上页的输入框中，你自己也可以写代码，按显示键就能显示你的页面内容</center><br>")
 OpenWindow.document.write("<center><a href='mailto:87003056@163.com' target='main'>写信给我</a></Center><br>")
 OpenWindow.document.write("<center><a href='javascript:close()'>关闭本窗口</a></Center>")
 OpenWindow.document.close()
 self.name="main"
}

</SCRIPT>

html代码（简版）

<SCRIPT language=JavaScript>
function trestart(){
   if (script) {
   clear = confirm("确定要清除吗？",'');
   if(clear) {
   document.script.reset();
   document.script.value = "";
  }
 }
}	
function test(){
  {
  temp = document.script.tester.value;
  testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
  testwin.document.open();
  testwin.document.write(temp);
  testwin.document.close();
 }
}
function about(){
 alert("HTML代码直接显示出页面来")
}
function help(){ 
 OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");
 OpenWindow.document.write("<body bgcolor='white' text='black' alink='blue'vlink='blue' link='blue'><TITLE>帮助信息</TITLE>")
 OpenWindow.document.write("<center>你只要把你想显示的代码放到上页的输入框中，你自己也可以写代码，按显示键就能显示你的页面内容</center><br>")
 OpenWindow.document.write("<center><a href='mailto:87003056@163.com' target='main'>写信给我</a></Center><br>")
 OpenWindow.document.write("<center><a href='javascript:close()'>关闭本窗口</a></Center>")
 OpenWindow.document.close()
 self.name="main"
}

</SCRIPT>

html代码（改版）

代码演示

HTML代码预览请在下面输入框中输入html代码

【本站仅供参考，版权归原作者所有】

«Newer Older»

Back to home

Subscribe | Register | Login | N