html调用js函数返回值
时间: 2023-09-04 07:02:40 浏览: 219
cef 带返回值的js调,用
3星 · 编辑精心推荐
在HTML中调用JavaScript函数并获取返回值的方法有多种。
第一种方法是直接在HTML中使用<script>标签来引入JavaScript文件,然后使用<script>标签内的代码调用函数并获取返回值。例如:
```
<!DOCTYPE html>
<html>
<head>
<title>调用JS函数返回值</title>
<script src="script.js"></script>
</head>
<body>
<button onclick="var result = myFunction(); alert(result);">点击获取返回值</button>
</body>
</html>
```
在上述代码中,我们通过`<script src="script.js"></script>`引入了一个名为`script.js`的JavaScript文件。然后,通过`onclick`事件调用了一个名为`myFunction`的函数,并将其返回值存储在一个名为`result`的变量中,并通过`alert`函数来显示返回值。
第二种方法是直接在HTML中使用<script>标签内的函数定义,并通过HTML代码中的其他元素调用函数并获取返回值。例如:
```
<!DOCTYPE html>
<html>
<head>
<title>调用JS函数返回值</title>
</head>
<body>
<script>
function myFunction() {
return "Hello, World!";
}
</script>
<button onclick="var result = myFunction(); alert(result);">点击获取返回值</button>
</body>
</html>
```
在上述代码中,我们直接在HTML中定义了一个名为`myFunction`的函数,并在函数内返回了一个字符串。然后,通过`onclick`事件调用了该函数,并将其返回值存储在一个名为`result`的变量中,并通过`alert`函数来显示返回值。
这两种方法都可以在HTML中调用JavaScript函数并获取返回值,具体使用哪种取决于你的需求和个人偏好。
阅读全文