Web开发基础-JavaScript-10

Coder_Boy_

于 2018-07-12 22:53:19 发布

阅读量149

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发

本文链接：https://blog.youkuaiyun.com/Coder_Boy_/article/details/81023205

Web开发专栏收录该内容

108 篇文章

订阅专栏

Js中eval函数使用演示

基础概念解释：

Eval它是用来计算某个字符串，并且执行其中的JavaScript代码。

eval函数接受一个string这个参数，它里面可以函数含有JavaScript的表达式，或者要执行的语句。

案例演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简单计算器</title>
		<script type="text/javascript">
			//从页面上获取到的任何值或内容都是字符串
			function cal(){
				//获取文本框中的算式
				var input = document.getElementById("ss");
				var ss = input.value;
				//执行算式
				try {
					var result = eval(ss);
					input.value = result;
				}catch(e){
					input.value = "Error";
				}
			}
		
		
		</script>
	</head>
	<body>
		<input type="text" id="ss">
		<input type="button" value="="
		 οnclick="cal();">
		
	</body>

</html>

最终页面显示效果：

录入字符串表达式：