html中调用js带参数传递

在HTML中调用JavaScript并传递参数，可以使用以下方法：

1. 在HTML中定义一个按钮或链接，并在其onclick属性中调用JavaScript函数，并传递参数。例如：

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

2. 在JavaScript中使用document.getElementById()获取HTML元素，并为该元素添加事件监听器，在事件处理程序中访问该元素的属性获取参数。例如：

<button id="myBtn">点击我</button>
<script>
  document.getElementById("myBtn").addEventListener("click", function() {
    myFunction("hello");
  });

  function myFunction(param) {
    console.log(param);
  }
</script>

3. 在HTML中使用data-*属性将参数嵌入到HTML元素中，并在JavaScript中获取该属性值。例如：

<button id="myBtn" data-param="hello">点击我</button>
<script>
  var btn = document.getElementById("myBtn");
  var param = btn.dataset.param;
  myFunction(param);

  function myFunction(param) {
    console.log(param);
  }
</script>

以上是三种传递参数的常见方法，您可以根据实际情况选择适合您的方法。