html调用JavaScript时传入数据

HTML调用JavaScript时通常通过`<script>`标签内的函数、事件处理程序或者是DOM元素的属性来传递数据。以下是几种常见的方法：

1. **通过属性设置**：可以直接在HTML元素上设置属性，然后在JavaScript中读取。例如：

   <input type="text" id="myInput" data-value="初始值">

   var value = document.getElementById('myInput').getAttribute("data-value");

2. **通过事件参数**：在JavaScript事件处理函数中，事件对象会携带一些信息，比如`event`对象的`target`属性可以指向触发事件的元素。例如点击事件：

   <button onclick="handleClick(event)">点击</button>

   function handleClick(event) {
     var value = event.target.getAttribute('data-value');
   }

3. **在URL查询参数**：如果是在页面加载时获取数据，也可以将数据放在URL的查询字符串中，然后解析出来。例如：

   <a href="#" onclick="getData()">获取数据</a>

   function getData() {
     var params = new URLSearchParams(window.location.search);
     var value = params.get('data');
   }

4. **通过`data-*`自定义属性**：这是一种常见的做法，为元素添加非标准的`data-`前缀的属性来存储私有数据。