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

更新时间：2010年04月02日 18:17:41 投稿：mdxy-dxy

这篇文章主要介绍了如何在页面中可以简单的测试一些简单的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需再刷新一下页面才能执行]

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

您可能感兴趣的文章:

javascript将数字转换整数金额大写的方法
这篇文章主要介绍了javascript将数字转换整数金额大写的方法,通过自定义函数中的数组替换实现数字转换整数金额大写的功能,非常具有实用价值,需要的朋友可以参考下
2015-01-01
微信小程序实现文字滚动
这篇文章主要为大家详细介绍了微信小程序实现文字滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
es6中let和const的使用方法详解
这篇文章主要介绍了es6中let和const的使用方法,结合实例形式详细分析了es6中let和const的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下
2020-02-02
微信小程序实现多行文字滚动效果
这篇文章主要介绍了微信小程序实现多行文字滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
详解JS构造函数中this和return
本文通过实例代码给大家介绍了JS构造函数中this和return，需要的朋友参考下吧
2017-09-09
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值，本文给大家介绍javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别，需要的朋友参考下
2015-11-11
JS基于clipBoard.js插件实现剪切、复制、粘贴
这篇文章主要介绍了JS实现剪切、复制、粘贴——clipBoard.js 的相关资料,需要的朋友可以参考下
2016-05-05
js实现简单鼠标跟随效果的方法
这篇文章主要介绍了js实现简单鼠标跟随效果的方法,涉及javascript鼠标事件与坐标获取等相关技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
Web前端开发之水印、图片验证码
这篇文章主要介绍了Web前端开发之水印、图片验证码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
基于rollup的组件库打包体积优化小结
这篇文章主要介绍了基于rollup的组件库打包体积优化小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06