给页面加上运行代码功能
类别:Web前端 浏览量:1246
时间:2014-10-1 给页面加上运行代码功能
给页面加上运行代码功能其实现代码为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<scrpt>
function Preview(obj)
{
var code=obj.value;
if (code!=""){
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
newwin.document.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=code2 style="WIDTH: 570px; HEIGHT: 244px" rows=15 cols=47><hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/></textarea>
<br><button onclick=Preview(code2)>运行代码</button >
<button onclick=copyCode(code2)>复制代码</button >
</html>
标签:javascript
您可能感兴趣
- 百度地图获取api过程(JavaScript接入百度地图API的方法步骤)
- javascript 虚拟滚动条(JavaScript实现可拖拽的进度条)
- js 图片编辑处理库(javascript input图片上传及预览,FileReader预览图片)
- JavaScript脚本数据类型
- javascript怎么编写游戏(javaScript实现网页版的弹球游戏)
- javascript文件解压(JavaScript 如何在线解压 ZIP 文件)
- MVC中JavaScriptResult
- javascript写计算器教程(基于JavaScript实现简易计算器)
- jscanvas背景色(JavaScript canvas实现代码雨效果)
- javascript对象添加方法(详解JavaScript面向对象实战之封装拖拽对象)
- JavaScript 常用的开发规范
- javascript 开发网站(帮你提高开发效率的JavaScript20个技巧)
- ASP.NET使用JavaScriptSerializer实现序列化与反序列化
- Javascript中apply、call、bind
- javascript如何操作文档元素(JavaScript操作元素实例大全)
- jsfor循环是什么意思(JavaScript中三种for循环语句的使用总结for、for...in、for...of)
- 常见的喜阴植物有哪些 养室内盆栽就在这里选(常见的喜阴植物有哪些)
- 这8种耐阴植物,营造阴生植物花境,也是一个不错的选择(营造阴生植物花境)
- 览邦G08 Plus SMART WATCH 测评⑱ 全独立这才是智能手表该有的样子(览邦G08PlusSMART)
- 荣耀手表 GS 3 真机亮相 不支持无线充电(荣耀手表GS3)
- 通过体温就能为智能手表充电 原来是用NASA在空间站用的黑科技(通过体温就能为智能手表充电)
- 智能手表兼容Windows和Android 无需充电挑战苹果(智能手表兼容Windows和Android)
热门推荐
- html5拖拽标签(Html5原生拖拽相关事件简介以及基础实现)
- php连接oracle(PHP远程连接oracle数据库操作实现方法图文详解)
- iframe向子页面发送消息(使用postMessage让 iframe自适应高度的方法示例)
- js和css哪个重要(js与css的阻塞问题详析)
- docker 容器端口查不到(docker容器无法访问宿主机端口的解决)
- 使用mui制作页面案例(Yii框架页面渲染操作实例详解)
- docker 镜像mysql(解决docker拉取mysql镜像太慢的情况)
- mysql 建表命令注释(mysql alter table命令修改表结构实例详解)
- dedecms标签调用大全(DedeCMS 5.7系统TAG标签伪静态设置)
- 最轻量web服务器(免费开源的几款Web服务器软件简介)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9