<!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 09:26:21 浏览: 74
可能是因为您在执行eval()函数时,它返回的值被打印在了浏览器的控制台中,而不是打印在HTML页面中。您可以通过以下方式将返回值显示在HTML页面中:
1. 创建一个用于显示结果的元素,例如一个div:
```
<div id="result"></div>
```
2. 在JavaScript代码中,获取该元素并将结果赋值给它:
```
var resultElem = document.getElementById("result");
resultElem.innerHTML = eval(getInput);
```
这样,当您点击“执行”按钮时,返回值就会显示在HTML页面上。
另外,建议您不要使用eval()函数来执行用户输入的代码,因为它存在安全风险。最好使用其他更安全的方法来执行JavaScript代码,例如使用Function构造函数。
相关问题
<!DOCTYPE html> ↵ ↵<html> ↵<head> ↵ <meta charset="utf-8" /> ↵ <meta name="viewport" content="widt
<!DOCTYPE html>是HTML文档类型声明,它告诉浏览器正在使用哪个HTML版本来解析文档。在HTML5中,<!DOCTYPE html>是唯一的文档类型声明,它告诉浏览器使用HTML5规范来解析文档。在HTML文档中,<!DOCTYPE html>应该作为第一行。
下面是一个简单的HTML文档示例,其中包含了<!DOCTYPE html>声明:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My HTML Document</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first HTML document.</p>
</body>
</html>
```
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板,它是一个简单的404页面,用于显示“Not found”错误信息。在这个模板中,<!DOCTYPE html>定义了文档类型,<html>标签定义了HTML文档的根元素,<head>标签定义了文档的头部部分,<meta charset="UTF-8">指定了文档的字符编码为UTF-8,<title>标签定义了文档的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一个一级标题。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)