用多个参数从HTML调用javascript函数

从HTML调用JavaScript函数可以通过多种方式实现，其中常用的方式有以下几种：

1. 直接在HTML标签中调用：可以在HTML标签的事件属性中直接调用JavaScript函数。例如，在按钮的点击事件中调用函数：

<button onclick="myFunction()">点击我</button>

这里的myFunction()是一个JavaScript函数，当按钮被点击时，该函数将被调用。

1. 通过事件监听器调用：可以使用JavaScript代码在页面加载完成后，为HTML元素添加事件监听器，以响应特定的事件触发调用函数。例如，使用addEventListener方法为按钮添加点击事件监听器：

<button id="myButton">点击我</button>
<script>
  document.getElementById("myButton").addEventListener("click", myFunction);
  function myFunction() {
    // 在这里编写函数的逻辑
  }
</script>

这样，当按钮被点击时，myFunction函数将被调用。

1. 通过内联事件处理程序调用：可以使用JavaScript代码动态地为HTML元素添加事件处理程序。例如，使用element.onclick属性为按钮添加点击事件处理程序：

<button id="myButton">点击我</button>
<script>
  document.getElementById("myButton").onclick = function() {
    // 在这里编写函数的逻辑
  };
</script>

这样，当按钮被点击时，匿名函数将被调用。

无论使用哪种方式，都可以通过传递参数来调用JavaScript函数。可以在调用函数时，将参数作为函数的参数传递进去。例如，传递一个字符串参数：

<button onclick="myFunction('Hello')">点击我</button>
<script>
  function myFunction(message) {
    alert(message);
  }
</script>

这样，当按钮被点击时，将弹出一个对话框显示"Hello"。

对于更复杂的参数，可以传递对象或数组等数据类型。例如，传递一个包含多个参数的对象：

<button onclick="myFunction({name: 'John', age: 30})">点击我</button>
<script>
  function myFunction(person) {
    console.log(person.name);
    console.log(person.age);
  }
</script>

这样，当按钮被点击时，将在控制台输出"name"和"age"属性的值。

总结起来，通过多个参数从HTML调用JavaScript函数可以通过直接在HTML标签中调用、通过事件监听器调用或通过内联事件处理程序调用实现。可以将参数作为函数的参数传递进去，可以传递简单的字符串参数，也可以传递复杂的对象或数组参数。根据具体的需求和场景，选择合适的方式来调用函数。