`
angkorpeach
  • 浏览: 121954 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

运行html代码的js

阅读更多

网上那种运行html代码的js,把要运行的html代码拷贝到文中“your code”的地方就行!

 

<script type="text/javascript">
 function runCode(obj) {
  var winname = window.open('', "_blank", '');
  winname.document.open('text/html', 'replace');
  //winname.opener = null // 防止代码对原页面修改
  winname.document.write(obj.value);
  winname.document.close();
 }
 function saveCode(obj) {
  var winname = window.open('', '_blank', 'top=10000');
  winname.document.open('text/html', 'replace');
  winname.document.writeln(obj.value);
  winname.document.execCommand('saveas','','code.htm');
  winname.close();
 }
 function copyCode(obj) {
  var rng = document.body.createTextRange();
  rng.moveToElementText(obj);
  rng.scrollIntoView();
  rng.select();
  rng.execCommand("Copy");
  rng.collapse(false);
 }
</script>

<textarea id="code" rows="20" cols="65">

your code
</textarea><br>
<input type="button" value="运行代码" onclick="runCode(code)">&nbsp;
<input type="button" value="复制代码" onclick="copyCode(code)">&nbsp;
<input type="button" value="另存代码" onclick="saveCode(code)">&nbsp;

 

分享到:
评论
1 楼 charrys 2011-03-01  
非textarea可以运行否?我用了pre不能运行了!

相关推荐

    在网页上运行html代码

    总的来说,在网页上运行HTML代码是网页开发的起点,通过与CSS和JavaScript的结合,可以创建出功能丰富、交互性强的网页应用。随着技术的不断发展,前端开发工具有所增加,使得这个过程更加高效和便捷。

    计算器代码 js + html

    用户可以直接在支持HTML和JavaScript的环境中运行这些文件,无需服务器,就能体验到计算器的功能。 总的来说,"计算器代码 js + html"代表了利用前端技术实现的实用计算工具,为用户提供便捷的金融计算服务。通过...

    JS动态获取运行时间代码

    在JavaScript(JS)中,动态获取网页运行时间是一项常见的需求,尤其对于性能分析或用户体验优化而言。这个场景可以通过监听浏览器的`performance`对象来实现,它提供了丰富的API用于度量和跟踪网页性能。本文将详细...

    超级简单运行html 代码小工具

    在这款"超级简单运行HTML代码小工具"中,Vue.js作为后台框架,负责管理应用的状态和视图层的更新。Ace编辑器则作为前端代码编辑界面,用户可以在其中编写HTML代码,并实时预览结果。当用户在Ace编辑器中输入或修改...

    HTML代码运行器

    此外,一些高级的HTML代码运行器还可能提供CSS(Cascading Style Sheets)和JavaScript的支持,让用户能在同一环境中进行前端开发的完整流程。 CSS用于定义HTML元素的外观和布局。用户可以通过`&lt;style&gt;`标签在HTML...

    网页内运行代码网页内运行代码

    网页内运行代码是Web开发中的一个关键概念,它允许用户在浏览器环境中执行各种脚本语言,最常见的是JavaScript。这种技术极大地丰富了网页的交互性和动态性,为用户提供了一种无需刷新页面就能更新内容的方式。 ...

    贵美商城html+css+js完整示例代码,可运行

    【贵美商城HTML+CSS+JS完整示例代码解析】 贵美商城的HTML+CSS+JS完整示例代码是一个实际的电商网站前端实现,它包含了网页结构、样式设计以及交互功能等多个方面,是学习和实践Web开发的重要资源。在这个项目中,...

    javascript经典特效---在网页中运行代码.rar

    在网页中运行JavaScript代码,首先需要理解HTML、CSS和JavaScript三者的协同工作原理。HTML是页面的基础结构,CSS负责样式设计,而JavaScript则用于处理动态效果和用户交互。在HTML文件中,我们可以通过`&lt;script&gt;`...

    在网页中编辑并运行html、css、js代码.html

    在学习前端的过程中,用编辑器写好hmtl\css\javascript代码之后,需要到浏览器中运行才能够看到结果。有好多的网站,比如菜鸟教程,可以在左边写代码,点击“运行”,可以在右边的窗口的显示运行的结果。经过摸索,...

    代码运行 复制代码 下载

    `index.html`是HTML(超文本标记语言)文件,它是网页的基础结构,而`code.js`则可能包含了与`index.html`交互的JavaScript代码。通过在HTML中引入JavaScript,可以实现动态功能,如按钮点击事件、表单验证、数据...

    HTML/CSS/Javascript在线代码运行工具 v1.0

    HTML/CSS/Javascript在线代码运行工具v1.0是一个便捷的开发者资源,它允许用户在浏览器环境中测试和运行他们的HTML、CSS以及JavaScript代码,而无需安装任何本地开发环境。这样的工具对于初学者和专业人士来说都是...

    Java代码调用HTML5中的JS函数算法

    具体到给定的文件中,"des.html"可能是一个关于数据解密的HTML页面,"des.java"和"des.js"可能是实现解密算法的Java和JavaScript代码。"java调用js方法.doc"很可能是详细描述如何从Java调用JS函数的步骤和示例。 在...

    通过htmlunit获取执行js代码后的html文档

    4. **执行JavaScript**:在页面加载后,你可以使用`executeJavaScript`方法执行任意JavaScript代码。这个方法返回一个`JavaScriptResult`对象,可以通过`asText`或`asDomNodeList`方法获取结果。 ```java String ...

    APP点餐系统HTML, Js, css,H5。DEMO-HTML .5代码类资源

    标题中的“APP点餐系统HTML, Js, css,H5.DEMO-HTML .5代码类资源”表明这是一个基于HTML5、JavaScript、CSS技术构建的APP点餐系统的示例代码资源。这种系统通常用于实现在线餐饮服务,让用户在手机或网页上便捷地...

    js特效代码大全

    "js特效代码大全"这个资源集合了多种JavaScript特效的源码,对于开发者来说,是提升技能和加快项目进度的重要参考资料。下面将详细探讨JavaScript特效及其相关知识点。 1. **DOM操作**:JavaScript通过Document ...

    类w3school代码在线编辑运行工具

    例如,"example.html"文件中可能包含一个JavaScript引用,通过与"example.js"文件(虽然这里没有提供,但通常会存在)配合,实现诸如按钮点击响应、图片轮播、表单验证等动态功能。 这样的在线工具对于初学者来说是...

    2022跨年烟花代码,除夕最炫烟花代码(html+js编程+带音效)

    2022跨年烟花代码,除夕最炫烟花代码(html+js编程+带音效) 效果展示https://www.lmtaolu.cn/biaobai/xkyanhua/ 新年烟花代码(纯js和html) 可以随时嵌入项目的新年烟花代码,复制即可运行。 2022跨新年烟花代码...

    520程序员前端表白代码,使用 HTML、CSS 和 JavaScript 编写一段浪漫的代码,用于表达爱意

    这段浪漫代码是通过HTML、CSS和JavaScript编写的,通过结合这三种前端技术,我们创建了一个令人心动的情人节表白页面。包含了逐行打印文字、变色效果和玫瑰花的飘落等特效。它能够营造出浪漫的氛围,并用创意的方式...

    JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

    在网页开发过程中,有时候我们需要展示HTML代码,并且能够实时预览这些代码在浏览器中的运行效果。JS(JavaScript)作为一种强大的客户端脚本语言,可以方便地实现这一功能。本实例将介绍如何利用JS创建一个简单的...

    原生js图片时钟运行代码

    这个项目可能包含一个`index.html`文件作为网页的结构,一个`myself.js`文件用于存放JavaScript代码,以及一个`img`文件夹存储时钟上的图像资源。 **HTML基础** `index.html`文件是网页的基础,它定义了页面的结构...

Global site tag (gtag.js) - Google Analytics