js网页中的(运行代码)功能实现思路
更新时间：2013年02月04日 09:15:30 作者：
网页中的"运行代码"是一个很方便的功能，可以直接看到代码的效果，感兴趣的朋友不妨参考下，或许对你学习js有所帮助，好了花不多说切入正题
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf8' />
<title>网页中的运行代码功能</title>
<script type="text/javascript">
function runCode(oCode) {
var win = window.open('', "_blank", '');
win.document.open('text/html', 'replace');
win.opener = null
win.document.write(oCode.value);
win.document.close();
}
</script>
</head>
<body>
<textarea id="code1" rows="10" cols="95">
<!DOCTYPE html>
<html>
<head>
<meta charset='utf8' />
<title>测试文档</title>
</head>
<body>
测试文档 - 你可以先修改部分代码再运行
<script>alert('hello')</script>
</body>
</html>
</textarea>
<br>
<input type="button" value="运行代码" onclick="runCode(code1)">
</body>
</html>
相关文章
这篇文章主要介绍了微信小程序的宿主环境,包括scroll-view 组件的基本使用，text 组件的基本使用及rich-text 组件的基本使用，本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-10-10
今天小编就为大家分享一篇layui实现图片虚拟路径上传,预览和删除的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
小程序设计中，通常会根据业务来做多表的拆分，多表拆分一般是根据业务的特点进行拆分。比如我们在文章关注的业务中，会将文章和关注信息拆分成一对多的表关系。初学者可能对一对一、一对多、多对多的设计概念不是特别清楚2022-08-08
js中setTimeout()与clearTimeout()用法实例浅析
这篇文章主要介绍了js中setTimeout()与clearTimeout()用法,以实例形式分析了setTimeout()与clearTimeout()的功能与使用技巧,需要的朋友可以参考下2015-05-05
Javascript iframe交互并兼容各种浏览器的解决方法
这篇文章主要介绍了Javascript iframe交互并兼容各种浏览器的解决方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了js+css实现卡片轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
非常漂亮的缓冲效果代码，大家可以看看下。2009-06-06
这篇文章主要介绍了JavaScript实现串行请求的示例代码，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-09-09
uni-app是一个使用Vue.js开发所有前端应用的框架,下面这篇文章主要给大家介绍了关于uniApp常见面试题及答案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
这篇文章主要为大家分享了我们有必要知道的25个JavaScript面试题。想要顺利通过面试的朋友可以参考一下2015-12-12
最新评论