首页<!DOCTYPE html> <html lang="ch> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js实验平台</title> <link rel="stylesheet" href="./css/cssJsLabConsole.css"> </head> <body> <input type="button" value="主页" onclick="onclick1()"> <textarea name="" id="textarea" cols="30" rows="10" placeholder="请输入合法的js表达式，键入Enter执行"></textarea> <input type="button" value="执行" onclick="action()"> <script src="./js/jsJsLabConsole.js"></script> </body> </html>,下面是js代码function onclick1(){ window.location.href="../indexDeskTop.html"; } function action(){ var getInput=document.getElementById('textarea').value; console.log(eval(getInput)); }，请问为什么浏览器控制台没有出现textarea运行的js代码结果呢

<!DOCTYPE html> <html lang="ch> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js实验平台</title> <link rel="stylesheet" href="./css/cssJsLabConsole.css"> </head> <body> <input type="button" value="主页" onclick="onclick1()"> <textarea name="" id="textarea" cols="30" rows="10" placeholder="请输入合法的js表达式，键入Enter执行"></textarea> <input type="button" value="执行" onclick="action()"> <script src="./js/jsJsLabConsole.js"></script> </body> </html>,下面是js代码function onclick1(){ window.location.href="../indexDeskTop.html"; } function action(){ var getInput=document.getElementById('textarea').value; console.log(eval(getInput)); }，请问为什么浏览器控制台没有出现textarea运行的js代码结果呢

时间: 2023-07-06 15:26:21 浏览: 104

可能是因为您在执行eval()函数时，它返回的值被打印在了浏览器的控制台中，而不是打印在HTML页面中。您可以通过以下方式将返回值显示在HTML页面中： 1. 创建一个用于显示结果的元素，例如一个div： ``` <div id="result"></div> ``` 2. 在JavaScript代码中，获取该元素并将结果赋值给它： ``` var resultElem = document.getElementById("result"); resultElem.innerHTML = eval(getInput); ``` 这样，当您点击“执行”按钮时，返回值就会显示在HTML页面上。另外，建议您不要使用eval()函数来执行用户输入的代码，因为它存在安全风险。最好使用其他更安全的方法来执行JavaScript代码，例如使用Function构造函数。

阅读全文