当前位置:
  1. 首页 »
  2. 笔记 »
  3. 正文

JS+html点击运行文本框内代码

零分 2,324

代码类,代码演示类,代码修改等处使用,通过JS+Html表单输入框实现“点击运行”在浏览器中查看文本框内的代码运行效果。

JS代码:

function RunCode(txt) {
cod=document.all(txt)
var code=cod.value;
if (code!=""){
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
newwin.document.close();
}else{
alert("亲,对不起,您是要我运行什么啊!"); //空值时弹出
}
}

HTML代码:由一个文本框和一个点击完成

<textarea style="width:990px;height:200px;margin:10px 0px 10px 10px;" id="code">
</textarea >
<div class="run" onclick="RunCode('code')">点击运行-查看效果</div>

点击之后就可以在浏览器中看待文本框内的效果!

JS逐条向上滚动代码

JS逐条向上滚动代码,这种效果,或许现在都很少用到了。原理是复制层向上滚动。 CSS: .box{font-size:14px;text-align:left;overflow:hidden;height:30px;line-height:30px;width:200px;border:1px solid #e4e4e4;} .box ul{margin:0px;overflow:hidden;width:300px;} .box li{ list-style-type:none; } .box a{height:30px;width:350px;line-height:30px;overfl
笔记 2,655

JS/JQ控制操作由JS/JQ创建生成的元素

在JQ/JS操作由JQ/JS创建的元素时,需要将操作function放入JS创建元素里面,如放在外面,可能无法操作,由于浏览器从上而下加载代码,在操作创建元素之前,该元素并不存在,而操作JS已经存在,将导致无法找到元素! 放入创建元素之内,在创建元素之后创建操作代码,即可找到创建的元素! 举个例子: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>JS/JQ控制操作由JS/JQ创建生成的元素</title> <script type="text/jav
笔记 2,733

记一次宝塔MySQL无法启动的问题

去顺丰送快递之后,一直就没有管理打开网站,好像不去之前也没怎么更新 难得休息,打算更新下企业模板,发现无法打开。显示链接数据库失败。 进入宝塔后台,发现MySQL停止了运行。 第一时间启动MySQL,但是发现一直启动失败。 之后更新了下宝塔,更新了下MySQL,还是无法启动。 百度了一番,发现原来我是真的看不懂那些日志。 只好找些看得懂的来测试。 删除了两个文件 /www/server/data/ib_logfile0 /www/server/data/ib_logfile1 无法启动,注释了innodb_开头配置 #innodb_data_home_dir = /www/server/dat
笔记 1,257

网站设置开灯(亮模式/白天)和关灯(暗模式/黑夜)效果

在很早之前,这个效果叫做开灯/关灯,现在叫做白天/黑夜,曾经有那么一段时间没有看到过这种效果,现在又很多网站/APP都喜欢这种切换白天/黑夜模式。 实现效果:设置2套或者多套色调模板,和之前的那种换皮肤大差不差。所以博客新主题也设置了这么一个效果,样式布局基本没怎么改变,后台设置页升级了一下,很多东西都不再“写死”,可以自由设置! 白天模式效果: 黑夜模式效果: 感觉黑夜的色调比较好看。 总体涉及到的原理: 1、设计2套或者多套CSS样式,可以在body里添加一个class,后面保留class/ID样式名称不变,在不同的样式里给设计一个区域,通过body里的class名调用不同的样式CSS。
笔记 2,416

记一次网页源码顶部空白行的问题处理

正常来说,网页源码顶部如非UFT-8 bom编码的问题,基本不会影响网站的正常运行,但如php生成xml的话,就会出现问题。 因更换了主题(新主题暂时未上线,只是测试),发现xml无法正常显示,查看源码,顶部多出了一行空白行,本地运行正常。 查找原因,基本每个PHP问题都排查了,未发现任何问题,将主题上传到另外一个网站运行,发现正常。基本可以排除是主题的原因,剩下的可能是插件的问题。 查看了插件的源码,发现真的是插件的问题,PHP插件文件底部多出了几行,删除多出的行,重新运行,空白行不见了! 记录下,防止下次又因同样的原因而花时间去排查!
笔记 2,536