网上那种运行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)">
<input type="button" value="复制代码" onclick="copyCode(code)">
<input type="button" value="另存代码" onclick="saveCode(code)">
分享到:
相关推荐
在学习前端的过程中,用编辑器写好hmtl\css\javascript代码之后,需要到浏览器中运行才能够看到结果。有好多的网站,比如菜鸟教程,可以在左边写代码,点击“运行”,可以在右边的窗口的显示运行的结果。经过摸索,...
获取执行js代码后的html文档。
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML静态网页设计...
房贷计算器、公积金计算器、车贷计算器 直接运行,可用
HTML/CSS/Javascript在线代码运行工具用于在线进行代码测试,你可以在将你的HTML/CSS/Javascript代码复制到以下输入框中,点击“运行”按钮即可查看代码执行结果。
这段浪漫代码是通过HTML、CSS和JavaScript编写的,通过结合这三种前端技术,我们创建了一个令人心动的情人节表白页面。包含了逐行打印文字、变色效果和玫瑰花的飘落等特效。它能够营造出浪漫的氛围,并用创意的方式...
2022跨年烟花代码,除夕最炫烟花代码(html+js编程+带音效) 效果展示https://www.lmtaolu.cn/biaobai/xkyanhua/ 新年烟花代码(纯js和html) 可以随时嵌入项目的新年烟花代码,复制即可运行。 2022跨新年烟花代码...
)没有任何插件,资源里有图片素材和全部代码文件,解压后即可运行页面。用到的知识点主要有html课程种常见的标签,span、ul li、a、img、span、div等标签。css样式修饰用到最多的是绝对定位和相对定位,边框修饰,...
贵美商城html+css+js完整示例代码,可运行
2022新年烟花代码html(html制作新年烟花代码+带音效) 效果展示...新年烟花代码(纯js和html)可以随时嵌入项目的新年烟花代码,复制即可运行。 2022新年烟花代码html(html制作新年烟花代码+带音效)
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML静态网页设计...
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML静态网页设计...
1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:UltraEdit12.10a、eclipse-jee-europa Web浏览器:Microsoft Internet Explorer 6.0及以上版本 ...
javascript烟花星空魔法师源代码下载 完整源代码下载 解压后双击运行index.html打开web页面,用鼠标在页面中点击查看烟花效果。
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML静态网页设计...
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
用于将换行可读性强的HTML代码压缩为 精简的形式,同时也是一种无可读性的格式,便于网站 脚本的 复杂化,阻止别人的直接仿冒。
txt文件中是一段JS代码,修改文件后缀名为html即可运行。 内部代码有注释,代码的功能是:当点击按钮时,将id为"demo"的段落元素的内容修改为"Hello JavaScript!"。 说明:本资源展示了如何使用 JavaScript 修改 ...
个人网页的全部代码和图片HTML+CSS+JS的web个人网页.zip直接运行index.html文件即可 个人网页的全部代码和图片HTML+CSS+JS的web个人网页.zip直接运行index.html文件即可 个人网页的全部代码和图片HTML+CSS+JS的web...