JavaScript中eval函数的运行机制与示例解析

作者:青柠时间:2026-10-27 12:37:10浏览:378

本文介绍JavaScript中eval函数的基本用法,该函数可将字符串参数作为代码执行。通过一个包含jQuery的HTML示例,演示如何获取用户输入的代码字符串并调用eval进行动态执行,同时展示了相关的HTML结构与事件绑定方式。

eval函数基本概念

eval(obj);该函数会将 obj 当做代码去执行一遍。



eval函数使用示例

例子:


代码如下:

 
<!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" />
<script src="jquery-1.2.6.js" ></script>
<title> eval 函数的使用 </title>
</head>
<script>
function but1_click(){
var obj = $("#test");
alert(obj.val());
eval (obj.val());//会将 obj.val() 当成代码去执行
} 
</script>
<body>
<textarea id="test" cols="100" rows="10" >
var a = 3;
var b = 5;
var c = a + b;
alert(c);
</textarea>
<input type="button" id="but1" value="执行" onclick="but1_click()" />
</body>
</html>
作者最新文章