JS实现可直接显示网页代码运行效果的超文本标记语言代码预览功能实例

本文实例讲述了射流研究…实现可直接显示网页代码运行效果的超文本标记语言代码预览功能。分享给大家供大家参考。具体如下：

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

运行效果如下图所示：

具体代码如下：

HTMLHEADTITLE直接页面显示器/TItle STYLe type=' text/CSS ' BOdy { MARGIN-TOP : 0px；FONT-SiZe : 9pt；MARGIN-左侧： 4pxMARGIN-right : 0px；' FONT-FAMILY: '微软雅黑} A { FONT-WEIGHT : 400；FONT-SiZe : 13px；颜色：黑色；文本-装饰：无}A:悬停{ FONT-weight : 400；FONT-SiZe : 13px；颜色：红色；文本-装饰：下划线}A:活动{光标：手；颜色： # ff 0033 }。STYLe 1 { color : # 0000 fffont-size : 40px} .STYLe 2 { font-weight : bold；font-size : 30px}/STYLEMETA http-equiv=Content-Type Content=' text/html；charset=GB 2312 '/流浆池中心span class='STYLE1'FONT face=隶书直接页面显示器/FONT/span/CENTRABLE style=' BOrder-collapse : collapse ' BOrder color=# 111111单元格间距=0单元格填充=0 BOrder=0 BOrder light=' green ' TBODY TR TD align=middlespan class=' style 2 ' FONT color=red请在下面窗口中输入超文本标记语言代码/FONT/span/TD/TR TR TD align=middleSCRIPT language=JavaScript函数trestart(){ if(script){ clear=confirm('确定要清除吗？','');if(clear){ document。剧本。reset()；文件。剧本。值=' '；} } }函数测试(){ { temp=document。剧本。测试人员。价值；testwin=open('，' testwin '，' status=no，menubar=yes，toolbar=no ')；测试胜利。文件。open()；测试胜利。文件。write(temp)；测试胜利。文件。close()；} }函数关于(){警报(' HTML代码直接显示出页面来)}函数help(){ OpenWindow=window.open('，' newwin '，' height=220，width=470，toolbar=no，scrollbars=' scroll '，菜单栏=no ')；打开窗户。文件。write(' body bgcolor=' white ' text=' black ' alink=' blue ' vlink=' blue ' link=' blue ' title帮助信息/TItle’)打开WiNDOW。文件。写('中心你只要把你想显示的代码放到上页的输入框中，你自己也可以写代码，按显示键就能显示你的页面内容/center br ')打开窗口。文件。write(' centera href=' JavaScript : close()'关闭本窗口/a/Center)打开窗口。文件。关闭()自我。name=' main ' }/SCRIPT FORm name=SCRIPT TEXTARE name=tester row=8换行=off cols=50/TEXARea BRINPUT on click=test()type=button value=显示输入onclick=trestart()类型=按钮值=清除输入点击=关于()类型=按钮值=关于输入onclick=help()类型=按钮值=帮助/FORm/TD/TR/TBODY/TABLE/center div align=center TABLE id=autonumber 1 style=' BOrder-collapse : collapse ' BOrder color=# 111111单元格间距=0单元格填充=0宽度=360 BOrder=0 TBODY TR TD P align=left span style=' FONT-size 3360 9pt '将下面代码复制到输入框试试brFONT color=# ff 0033 brhtmlbrheadbtitle你好/titleBR/headBRBRbodyBR你好，欢迎光临我们网页特效栏目！BR/BODY BR/HTML/FONT/SPAN/P/TD/TR/tbbody/TABLE/CENTER/DIV/BODY/HTML希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。