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>
相关文章
Javascript insertAfter() 实现函数代码
DOM没有提供insertAfter()方法，我们可以自己扩展下。2011-10-10
自己的页面太难看了，要居中没居中，要颜色没颜色，但是无论是怎么样都得使登录的框居中吧，下面与大家分享下通过JavaScript可以简单的使Div在页面上居中，随着网页大小的改变做出相应的改变2013-06-06
这篇文章主要介绍了js实现3D照片墙效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
js使用html()或text()方法获取设置p标签的显示的值
html()方法可以用来读取或者设置某个元素中的HTML内容，text()方法可以用来读取或者没置某个元素中的文本内容2014-08-08
这篇文章主要为大家详细解析了bootstrap下拉菜单使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
JS解决 Array.fill()参数为对象指向同一个引用地址的问题
这篇文章主要介绍了JS解决 Array.fill()参数为对象指向同一个引用地址问题，解决方案使用map返回出不同的引用的地址，fill参数可随意填写（不为空），主要是map函数中返回的数据,需要的朋友可以参考下2023-02-02
我们在注册账号，或者是参加活动时，都会向手机发送收短信验证码，短信验证码到底是如何实现的，本文为大家揭晓，并为大家分项1javascript发送短信验证码实现代码，感兴趣的小伙伴们可以参考一下2015-11-11
仿QQ邮箱的弹出层，弹出确认框，主要是用火狐的firebug把html和css扣了下来，没有做封装,就定义了一个拖动事件. 大家可以封装自己的弹出窗，嘿嘿！2015-04-04
这篇文章主要为大家详细介绍了原生js实现自定义难度的扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要为大家介绍了hash和history路由模式区别示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
最新评论