本文演示了js实现的HTML代码预览,它可以直接
显示网页代码的
运行效果:
javascript实现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.script.reset();
document.script.value = ;
}
}
}
函数测试(){
{
温度= document.script.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 >
你好,欢迎来到网页的特效专栏!
希望本文能对大家的javascript
程序设计有所帮助。