请选择 进入手机版 | 继续访问电脑版

网页中嵌入输入框可点击“运行代码”DIV+JS模块

[复制链接]
tianya 发表于 2016-12-21 20:38:32 | 显示全部楼层 |阅读模式
HTML网页中插入输入框,输入框内容或代码可点击"运行代码"运行,在浏览器看到运行输入框内代码效果。此HTML代码由表单代码textarea和简单JS代码实现。
HTML代码:

  • [size=+0]<textarea name="textarea" cols="60" rows="10" id="rn01">
  • [size=+0]要运行代码放这里
  • [size=+0]</textarea>
JS代码:

  • [size=+0]<script language="JavaScript" type="text/JavaScript">
  • [size=+0]//运行文本域代码
  • [size=+0]function runEx(cod1) {
  • [size=+0]cod=document.all(cod1)
  • [size=+0]var codcode=cod.value;
  • [size=+0]if (code!=""){
  • [size=+0]var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
  • [size=+0]newwin.opener = null // 防止代码对论谈页面修改
  • [size=+0]newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
  • [size=+0]newwin.document.close();
  • [size=+0]}
  • [size=+0]}
  • [size=+0]</script>
可将以上JS代码直接放到HTML的head内。
1、效果截图:

网页中“运行代码”截图


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|星辰生活网

© 2001-2013 Comsenz Inc.All Rights Reserved.

Powered by Discuz! X3.2

快速回复 返回顶部 返回列表