本文实例讲述了js实现可直接显示网页代码运行效果的html代码预览功能。分享给大家供大家参考。具体如下：
javascript实现html代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需要运行的html代码拷贝到文本框内，点击对应的功能按钮即可。
运行效果如下图所示：
具体代码如下：
直接页面显示器 直接页面显示器
请在下面窗口中输入html代码
将下面代码复制到输入框试试
你好
你好，欢迎光临脚本之家网页特效栏目！
希望本文所述对大家的javascript程序设计有所帮助。