可以测试javascript运行效果的代码

时间：2021-03-16 10:22:42|栏目：JavaScript代码|点击：次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>可以再代码框中编写简单的JavaScript</title> 
<script language="javascript" type="text/javascript"> 
function btn_onclick() 
{ 
try 
{ 
var cmdWin =document.getElementById("txtre");//获取文本id 
var str="try{"+cmdWin.value+"} catch(e){alert('你的代码有错：'+e.description);}";//构造函数体,这里的e.description用来输出你输入的JavaScript代码的错误信息 
var cmd = new Function(str);//构造函数 
cmd(); //调用函数 
} 
catch(e) 
{ 
alert("错误:"+e.description);//输出错误信息,这里用来处理本段JavaScript代码的错误信息 
} 
} 
</script> 
</head> 
<body> 
 
<div align="center" style="boeder-right:#000000 1px solid; boeder-top:#000 1px solid; border-left:#000 1px solid; width:618px;border-right:#000 1px solid;height:336px;background-color:#FF0"> 
<textarea id="txtre" style="width:612px;height;300px"> 
</textarea> 
<input id="btnTest" type="button" value="执行程序" onclick="return btn_onclick()" style="width:145ppx" /> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上是从一个实验的例子中找出的，贴出来和大家分享，也是自己保存，呵呵……

上一篇：vue 组件销毁并重置的实现

栏目：JavaScript代码

下一篇：react-navigation之动态修改title的内容

本文标题：可以测试javascript运行效果的代码

本文地址：http://www.codeinn.net/misctech/82050.html

更多JavaScript代码

JavaScript代码

可以测试javascript运行效果的代码

阅读排行

推荐教程