2 sinat 26049527 sinat_26049527 于 2016.02.11 15:03 提问

在网页中编写js代码并运行

这是代码:

 <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在网页中编写代码并运行</title>
</head>
<body>
    <div align="center">
    <textarea id="TextArea1" style="width: 612px; height: 300px"></textarea>
    <input id="Button2" type="button" value="执行程序" onclick="return Button1_onclick()" style="width: 145px" />
    </div>
<script>
    function Button1_onclick(){
    try
    {
        var cmdWin = document.getElementById("TextArea1");  // 获取文本框的引用
        var str = "try{" + cmdWin.value + "}catch(e){alert('你的代码有错:'+e.description);}";// 构造函数体
        var cmd = new Function(str);    // 构造函数
        cmd();                          // 调用函数
    }
    catch(e)                            
    {
        alert("错误:"+e.description);  // 输出错误信息
    }
    }
</script>  
</body>
</html>

这个程序是如何实现在网页中编辑js代码并运行的?看了老半天,几行代码完全没搞明白,望广大朋友们帮我详细解答一下,谢谢了

2个回答

haroldfinch
haroldfinch   2016.02.11 20:43

应该是把写好的代码确认无误后传给str,然后调用函数cmd嘛

caozhy
caozhy   Ds   Rxr 2016.02.11 21:57

new Function(str)
关键是这一行,它可以把js的程序源代码字符串视作一个函数并且执行。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!