网站地图    收藏   

子栏目

主页 > 前端 > javascript >

javascript中预览文件代码

来源：自学PHP网    时间：2014-09-19 14:47 作者： 阅读:次

[导读] 我们在很网教程网站都会看到，像js代码可以直接点击预览就可以查看js效果了，其实方法很简单下面我来介绍方法。...

 代码如下 复制代码
<textarea cols="70" rows="20" id="code"></textarea>
 
<script type="text/javascript">
<!--
function openWindow()
{
    newWindow = window.open('','newWindow','height=300,width=500,scrollbars=auto');  
    if (newWindow != null)
    {
        var windowHTML= document.getElementById('code').value;
 
        newWindow.document.write(windowHTML);
        newWindow.focus();
    }
}
//-->
</script>
 
<br /><br />
<input value='预览代码' onclick="openWindow();" type="button" />

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论