博客园可运行代码测试

123

注意：textarea里面不要出现script标签，不然转义会出问题，这个框会出不来！

1.第一步：

准备好textarea框的代码：

<textarea cols="20" rows="8" id="con">
123
</textarea>
<input value="运行代码" type="button" id="btn" />

2.第二步：插入到红色的编辑器里面。

3.找园主开通js权限

4.准备一个js文件，js文件里放上以下代码:

window.onload = function(){
    var btn = document.getElementById("btn");
    var con = document.getElementById("con");
    btn.onclick = function(){
        var newwin = window.open('', "_blank", '');
        newwin.document.open('text/html', 'replace');
        newwin.opener = null;
        newwin.document.write(con.value);
        newwin.document.close();
    }
}

5.单击博客首页的“管理”，进入管理页面，在管理页面里单击“文件”选项卡，进入，并上传littledu.js文件，上传完毕后单击该文件，复制地址栏的地址，此为该js文件的地址。如，我的littledu.js文件地址为:https://files.cnblogs.com/littledu/littledu.js。  接着，最关键的一步来了，请看第6步:

 

6.按照第5步的步骤，进入管理页面，但这次，我们要进入“设置”选项卡，在设置选项卡下的“页首html代码”框里，放上我们的js文件地址，如图:

7.到这里，就已经完成了。发布后，单击运行代码，效果出来啦！！！

 

心路：这个东东我是试了三四次今晚终于给弄出来了，完美！！之前也是参照人家的，但是他可以出来我的不行，现在知道了，初次在页面放textarea的时候文本框里面最好不要放script标签，放文本内容不会报错！发布成功后应该可以放了的！

 

 

参考文章：http://www.cnblogs.com/littledu/archive/2011/05/08/2040298.html