V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Ford
V2EX  ›  JavaScript

如何在博客里插入运行代码的功能

  •  
  •   Ford · 2016-09-23 14:17:08 +08:00 · 3002 次点击
    这是一个创建于 2965 天前的主题,其中的信息可能已经有所发展或是发生改变。

    就是博客里插入了一段 html 代码,如何在这段代码下面添加一个运行代码段的功能呢

    5 条回复    2016-09-23 18:08:52 +08:00
    sobranie
        1
    sobranie  
       2016-09-23 14:20:07 +08:00
    使用 jslint 的插件
    codespots
        2
    codespots  
       2016-09-23 16:15:03 +08:00
    分分钟写一个出来:
    <textarea id="code" cols="40" rows="10"></textarea><br>
    <input type="button" value="运行代码" id="run">
    <script>
    window.onload=function(){
    var run=document.getElementById('run');
    var code=document.getElementById('code');

    run.onclick=function(){
    var win=window.open('about:blank','_blank');
    win.document.write(code.value);
    //强制从缓存区输出内容
    win.document.close();
    }
    }
    </script>
    newbieo0O
        3
    newbieo0O  
       2016-09-23 17:37:29 +08:00
    那太老土了。 接入 codepen
    bombless
        4
    bombless  
       2016-09-23 17:58:00 +08:00
    在想怎样能更安全……
    一个选择是在代码中找出所有的疑似标识符的东西,然后造出一个以这些标识符为键的对象,把代码都放在一个 with 这个对象的块里面
    要么是在 window 下找出所有的键,然后造出一个以这些键为键的对象,把代码都放在一个 with 这个对象的块里面

    感觉前一种做法最经济,当然最好是同时限制代码的长度
    bombless
        5
    bombless  
       2016-09-23 18:08:52 +08:00
    啊前一种的话要把 eval 作为特例加进去
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5514 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 01:27 · PVG 09:27 · LAX 17:27 · JFK 20:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.