如何在html中直接引用javascript函数

How would you refer to javascript function directly in html?

本文关键字：引用 javascript 函数 html      更新时间：2023-09-26

所以想法是这样的。我在js文件中有一个数组，还有一个函数引用了该数组中的一个随机元素。我希望能够单击一个按钮，跨度中的文本将变为数组中的随机元素。我已经有办法做到这一点了。我有一个id为"change_eequvalently"的跨度。然后在javascript文件中，我有

var Equivalentlys = [
"Equivalently, ",
"Alternatively, ",
"Another way of saying this is that "
];
$('#shuffle').click(function() {
    var length = (Equivalentlys.length + 1);
    var x = Math.floor(Math.random()*length);
function Equivalently(i){
    return Equivalentlys[i];
};
$('#change_equivalently').text(Equivalently(x));
});

我的问题是，当我写出html代码时，我总是要写

<span id = "change_equivalently"> ... </span>

以便能够在点击按钮时向上改变单词。

但我想要一个更简单的方法。我试过类似的东西

  <var> Equivalently( 1 ) </var>

看看我是否可以引用javascript函数，但它不起作用。

我怎么能接近这个呢？

首先，您目前使用的方法比您想要的更好——它将表示与函数分离，被广泛认为是最佳实践。

然而，您可以（但是，正如我所说，可能不应该）包括在单击元素时调用的代码：

<span onclick="doStuff()"> blarg </span>

如果你只想让JavaScript代码变成HTML（比如PHP或类似的模板系统），那么用JavaScript是做不到的。

最终，最好的方法就是用一个跨度来标记内容，并在脚本中添加一个点击事件，就像你现在所做的那样。这在语义上是最好的：在html中，你所说的只是特定的单词/位置是可变的；您可以指定它在代码中的更改方式。

你是这个意思吗？

<script type="text/javascript">
  Equivalently(1)
</script>
相关文章：