很早以前论坛里贴出来的代码不仅能够修改而且能够在线运行,我也没有定这篇文章,因为本站中有这种运行的功能,为了方便大家学习,本人再记下来,大家可以借鉴。

本实例能运行HTML/js代码兼容IE/FF/Chrome,代码显示在textarea中,下边有三个按钮“运行代码”,点击“运行代码”就能在新窗口中运行textarea中的HTML/JS代码,当然也可以修改后在线运行。

翻看了蓝色的代码终于弄明白了其中的奥秘,从而使得我们能够更加方面的在线测试代码。

核心HTML代码:

核心Javascript代码:查看DEMO http://www.ok22.org/demo/runcode.html

在线运行HTML/JS代码-幸凡学习网

//运行代码

function runcode(obj) {

var winname=window.open('',"_blank",'');

winname.document.open('text/html','replace');

winname.opener=null;

winname.document.write(document.getElementById(obj).value);

winname.document.close();

}

大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】

0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

在线运行代码 html js,在线运行HTML/JS代码相关推荐

  1. Java 在线编程编译工具上线,直接运行Java代码

    前言 大家好,我是小哈~ 周末没出去浪,花了点时间,在我的个人网站上线了一款小工具.啥工具呢?一款可以在线编译 Java 代码并运行输出结果的小工具. 大家都知道,甲骨文刷 Java 版本号非常积极, ...

  2. python常用代码助手_Python在线运行代码助手

    Python代码运行助手可以让你在线输入Python代码,然后通过本机运行的一个Python脚本来执行代码.原理如下: 在网页输入代码: 点击Run按钮,代码被发送到本机正在运行的Python代码运行 ...

  3. js如何运行python代码_手把手教你如何使用Python执行js代码

    前言 各位小伙伴,大家好,这次咱们来说一下关于爬虫方向的一个知识,Python如何执行js,快来看看吧!!! 为什么要引出Python执行js这个问题? 都说术业有专攻,每个语言也都有自己的长处和短处 ...

  4. 2022制冷与空调设备运行操作考题及在线模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022年制冷与空调设备运行操作考试题系制冷与空调设备运行操作操作证考试题历年真题!2022制冷与空调设备运行操作考题及在线模拟考试依据制冷与空调设备运行 ...

  5. 2022年制冷与空调设备运行操作练习题及在线模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022年制冷与空调设备运行操作考试题库是制冷与空调设备运行操作考试题目的多种练习模式!2022年制冷与空调设备运行操作练习题及在线模拟考试依据制冷与空调 ...

  6. 在谷歌浏览器中如何查看js代码在终端的运行结果、如何查看请求头信息

    在谷歌浏览器中如何查看js代码在终端的运行结果.如何查看请求头信息 1 如何查看js代码在终端的运行结果(如何打开终端) 2 查看请求头信息 1 如何查看js代码在终端的运行结果(如何打开终端) 方法 ...

  7. 2022年制冷与空调设备运行操作考题及在线模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022制冷与空调设备运行操作考试100题系制冷与空调设备运行操作考试真题仿真模拟预测!2022年制冷与空调设备运行操作考题及在线模拟考试依据制冷与空调设 ...

  8. html 在线播放器,HTML5 Web播放器-Video.js

    原标题:HTML5 Web播放器-Video.js Video.js是一款优秀的HTML5 Web视频播放器.它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大 ...

  9. 利用tensorflow.js在线实现图像要素识别提取

    什么是Tensorflow.js? TensorFlow.js是一个开源的基于硬件加速的JavaScript库,用于训练和部署机器学习模型.谷歌推出的第一个基于TensorFlow的前端深度学习框架T ...

最新文章

  1. 微信小程序如何使用iconfont阿里巴巴图标库?
  2. Windows Server2012 搭建域错误“本地Administraor账户不需要密码”
  3. Android 绘制动态图
  4. 页面优化指南(easyui页面优化方案
  5. java线程详解_Java线程详解
  6. 【干货】推荐系统解构.pdf(附下载链接)
  7. postSQL使用触发器(trigger)分表
  8. 华为手机线刷工具_手机刷机、救砖教程
  9. 华为面试题:一头牛重 800 公斤,一座桥承重 700 公斤,请问牛怎么过桥?
  10. javacv相关学习:了解javacv
  11. IOS 模拟器清除缓存
  12. html+css+js:文案馆网页设计
  13. 解决python3+selenium+chromedriver运行时chrome浏览器闪退问题
  14. Stack frame omission (FPO) optimization part1
  15. 【LiteOS】小白进阶之系统移植配置解析
  16. PTA 7-172 元宵花灯
  17. 温度上报实时监控项目——服务器端
  18. IDEA抛出No bean named ‘cacheManager‘ available解决方法
  19. AB抛硬币,A先抛,谁先抛到正面谁赢,问两者赢的概率
  20. 二叉树中两节点之间最短路径

热门文章

  1. 2019 年终总结 ~ 逆风起航
  2. 不止六周陪产假!微软向所有全职员工提供三个月的带薪育儿假
  3. Docker 部署grafana集成腾讯云监控插件,监控腾讯云资源
  4. 服务器加载局域网硬盘,大师练习win7系统电脑添加网络驱动器和局域网服务器硬盘的还原教程...
  5. c盘html文件能删除吗,c盘什么文件可以删除_c盘很乱不敢删怎么解决
  6. cacti监控搭建和告警
  7. 10-164 查询图书表中全部图书的最高售价、最低售价和平均售价
  8. u盘显示项目不在计算机zhng,U盘autorun病毒清除大法
  9. 俞敏洪对话王立铭:重塑大脑,别让你的生命翻车
  10. cleanmymac x激活码换机操作教程