在 JavaScript 中按名称调用函数
在 JavaScript 中，有时将函数名存储在字符串中很方便，因为我们可以使用这些字符串来调用实际的函数。
我们可以使用 eval() 方法调用一个名称存储在字符串变量中的 JavaScript 函数，但它是一个旧方法。
我们将使用 window object 方法来调用函数。
在 JavaScript 中使用 window object 方法按名称调用函数
我们创建了一个名为 changeColor() 的函数。我们将该函数存储在字符串变量中。
现在，我们要调用我们存储在字符串中的那个函数。我们需要点击按钮。
在字符串函数中，我们传递参数 red。因此，当我们单击按钮时，文本 You called the Function 的颜色变为红色。
<!DOCTYPE html>
<html>
<head>
<title>
To call a function
</title>
</head>
<body>
<h1 style="color: Red">
Call function by name
</h1>
<b>
To call a function by its name stored in string variable in JavaScript.
</b>
<p>
Click on the button to call the function in the string.
</p>
<p class="example">
You called the function.
</p>
<button onclick="evaluateFunction()">
Click Here
</button>
<script type="text/javascript">
function changeColor(color) {
document.querySelector('.example').style
= `color: ${color}`;
}
function evaluateFunction() {
stringFunction = "changeColor";
param = 'red';
window[stringFunction](param);
}
</script>
</body>
</html>
这样，我们通过使用 window[stringFunction](param) 方法调用字符串函数。
输出：
相关文章
在 JavaScript 中隐藏表格行
发布时间：2024/03/18 浏览次数：184 分类：JavaScript
-
JavaScript 不一定有任何可以直接隐藏表格内容的预定义函数。更准确地说，有 jQuery 的 toggle() 函数和 hide()、show() 函数，它们依次执行以按下行并展开它们。
JavaScript 表格滚动
发布时间：2024/03/18 浏览次数：139 分类：JavaScript
-
要在网页中滚动表格内容，我们可以依赖一些 JavaScript 属性来依次执行任务。overflow、overflowX 和 overflowY 的使用使表格可滚动且可访问。
用 JavaScript 检查按钮是否被点击
发布时间：2024/03/18 浏览次数：147 分类：JavaScript
-
使用 JavaScript 检查按钮是否被点击可以通过三种方法进行。在 HTML 中添加 onclick 属性，将脚本标签中的 onclick 初始化为方法，使用 EventListener 可能是更好的方法。
JavaScript 更改按钮文本
发布时间：2024/03/18 浏览次数：128 分类：JavaScript
-
本教程展示了如何使用 JavaScript 更改按钮文本，并演示了使用 jQuery 更改按钮文本。
