Javascript实现js特效代码运行功能

原理代码如下

 代码如下 复制代码

<script>
function Preview()
{
  var TestWin=open('');
  TestWin.document.write(code.value);

}
</script>

上面的代码就是先创建一个新的窗口，然后把指定容器中的字符放到页面运行即可。

例子

 代码如下 复制代码

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<script>
window.onload = function()
{
var oTxt = document.getElementById('codeText');
var oBtn = document.getElementById('btn');

oBtn.onclick = function()
{
var oNewWin = window.open('about:blank', '_blank'); //在新窗口中打开空白页（BOM）
oNewWin.document.write(oTxt.value); //在空白页中写入输入框的值
}
}
</script>
</head>
<body>
<textarea id="codeText" rows="10" cols="40"></textarea><br />
<input id="btn" type="button" value="运行" /> <!-- FF下只能关闭open打开的窗口 -->
</body>
</html>

代码分析

 window.open('about:blank', '_blank'); 是告诉我们打开一个新的窗口不替换当前窗口哦
 oNewWin.document.write(oTxt.value); //在空白页中写入输入框的值

是获取我们文本框中的内容我们输出到我们创建的新的窗口中去就可能实现页面运行了。

时间： 2024-08-02 22:30:14

Javascript实现js特效代码运行功能的相关文章

asp下用replace非正则实现代码运行功能的代码

今天更新了一下博客的代码运行功能,因为原来的写得不够完善,如果想在博客里插入多个可运行的代码,那就会--呃屁.关于replace函数,js中只是替换从起始位置的第一个指定字串,而vbs则是替换所有的指定字串,因此如果想要用vbs一个一个替换,那就得绕个弯子了,写个函数就行了,顺便,把写完的这个函数上传了,这下可以在一个日志里放多个代码运行演示了! 感冒了,写完函数就乖乖去睡觉,今天过得真是辛苦,有种快要死掉的感觉...鼻子里塞着纸团,因为鼻涕止不住地流,呜 替换函数的代码如下: <script

带缓动效果返回顶部JS特效代码

返回顶部,这里可换成图片 带缓动效果的返回顶部JS特效代码 Page 1 Page 2 Page 3 Page 4 Page 5 Page 6

推荐几个入门级的JS特效代码

js|特效 1.以事件驱动JavaScript 函数 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title>

Javascript 简易选项卡特效代码

提示:您可以先修改部分代码再运行 简易选项卡 第一课 第二课 第三课 网页特效原理分析 响应用户操作 提示框效果 事件驱动 元素属性操作 动手编写第一个JS特效 引入函数 网页换肤效果 展开/收缩播放列表效果 改变网页背景颜色 函数传参 高重用性函数的编写 126邮箱全选效果 循环及遍历操作 调试器的简单使用 典型循环的构成 for循环配合if判断 className的使用 innerHTML的使用 戛纳印象效果 数组 字符串连接 JavaScript组成:ECMAScript.DOM.BOM,

漂亮的鼠标提示信息js特效代码

非常漂亮的鼠标提示的信息 <style>.tableBorder7{width:800;solid; background-color: #000000;}TD{font-family: 宋体;font-size: 12px;line-height : 15px ;}th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;}th.th1{background-color: #333333;}td.

JavaScript刷新页面特效代码

在做web开发的时候有时候,一般都会用到.方法不止一种,看看你掌握了几种? 刷新页面常用方法 history.go(0)     location.reload()     location=location     location.assign(location)     document.execCommand('Refresh')     window.navigate(location)     location.replace(location)     document.URL=l

JS特效代码--日历生成器

 <html>   <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/Js|---日历生成器</title> </head>   <body>   <SCRIPT LANGUAGE="JavaScript">

JS特效代码:实现间歇无缝文字滚动特效

处理页面中的间歇无缝滚动新闻的时候,最常见的方法就是将滚动区内容复制追加一份,然后通过控制和判断滚动块的scrollTop来实现滚动停止效果. 其实在很多情况下通过节点操作实现间歇无缝滚动要更加容易些. 代码如下: <script language="javascript" type="text/javascript">window.onload=function(){    var o=document.getElementById('box');  

网页设计中总结的几个有用的JS特效代码

.以事件驱动JavaScript 函数   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title>