本文实例讲述了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;} 直接页面显示器
请在下面窗口中输入HTML代码
将下面代码复制到输入框试试
<html>
<head>
<title>你好</title>
</head>
<body>
你好，欢迎光临考高分网网页特效栏目！
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
