本文演示了js实现的HTML代码预览，它可以直接显示网页代码的运行效果：

javaｓｃｒｉｐｔ实现HTML代码预览功能，并直接显示代码在网页上运行的效果，如单击运行代码的效果。当您使用它时，您只需复制运行到文本框所需的HTML代码，然后单击相应的函数按钮。

运行效果如下图所示：



具体代码如下：




直接页面显示

体{ margin-top：0px；FONT-SIZE: 9pt；margin-left：4px；margin-right：0px；束：微软雅黑}
一个{ font-weight：400；FONT-SIZE: 13px；颜色：黑色；text-decoration：没有}
答：悬停{ font-weight：400；FONT-SIZE: 13px；颜色：红色；text-decoration：下划线}
A: active{CURSOR: hand; COLOR: #ff0033}
。style1 {颜色：# 0000ff；字体大小：40px；}
。方式2 { font-weight: bold；字体大小：30px；}





直接页面显示


<表格样式=border-collapse：崩溃BorderColor # cellspacing = 0 = 111111
cellpadding = 0 = 0顶光=边境绿色>


请在下面的窗口中输入HTML代码




功能trestart（）{
如果（脚本）{
清除=确认（你想清除它吗；
如果（清除）{
document.ｓｃｒｉｐｔ.reset（）；
document.ｓｃｒｉｐｔ.value = ；
}
}
}
函数测试（）{
{
温度= document.ｓｃｒｉｐｔ.tester.value；
testwin =开放（
Testwin.document.open（）；
testwin.document.write（临时）；
Testwin.document.close（）；
}
}
关于（）{的函数
警报（html代码直接显示页）
}
函数帮助（）{
开窗= window.open（
openwindow.document.write（帮助信息）
openwindow.document.write（你只要把你想要的网页，输入框中显示的代码，你可以写自己的代码，你可以展示你的页面内容显示关键）。
openwindow.document.write（关闭窗口）
OpenWindow.document.close（）
自我名称=主
}






<表ID = autonumber1 style=border-collapse：崩溃# BorderColor = 111111
cellspacing = 0 = 0 = 360的边界边距宽度= 0 >



将下列代码复制到输入框并尝试<字体
你好，颜色= # ff0033 >
你好，欢迎来到网页的特效专栏！







希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。