js直接显示html,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例.pdf...

JS实实现现可可直直接接显显示示网网页页代代码码运运行行效效果果的的HTML代代码码预预览览功功能能实实例例

本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能。分享给大 供大 参考。具体如下：

JavaScript实现HTML代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需

要运行的HTML代码拷贝到文本框内，点击对应的功能按钮即可。

运行效果如下图所示：

具体代码如下：

直接页面显示器

BODY{MARGIN-TOP 0px;FONT-SIZE 9pt;MARGIN-LEFT 4px;MARGIN-RIGHT 0px;FONT-FAMILY "微

软雅黑"}

A{FONT-WEIGHT 400;FONT-SIZE 13px;COLOR black;TEXT-DECORATION none}

A hover{FONT-WEIGHT 400;FONT-SIZE 13px;COLOR red;TEXT-DECORATION underline}

A active{CURSOR hand;COLOR #ff0033}

.STYLE1{color #0000FF;font-size 40px;}

.STYLE2{font-weight bold;font-size 30px;}

直接页面显示器

cellPadding=0 border=0 borderlight="green">

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

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="+scro

ll+",menubar=no");

OpenWindow.document.write("

link='blue'>

帮助信息")

OpenWindow.document.write(