html引用外部js文件,并调用带参函数的方法
时间: 2024-12-10 19:34:55 浏览: 30
在HTML中引用外部JavaScript文件通常通过`<script>`标签完成,将`src`属性指向你要加载的JS文件路径。例如:
```html
<script src="path/to/your/script.js"></script>
```
在这个外部脚本(`script.js`)里,如果你想定义一个带参的函数并在HTML中调用它,首先需要在`script.js`中定义该函数。下面是一个简单的例子:
```javascript
// script.js
function myFunction(param1, param2) {
console.log("参数1:", param1);
console.log("参数2:", param2);
// 这里可以添加更多的业务逻辑
}
// 在HTML中引入script.js后,可以直接像这样调用:
window.onload = function() {
myFunction('参数1值', '参数2值');
};
```
在上面的例子中,`myFunction`是一个接受两个参数的函数。在HTML文档完全加载完成后(`window.onload`),我们可以在`script`标签内的`window.onload`回调中调用这个函数,并传入具体的参数。
如果你希望在JavaScript中动态地加载和调用函数,可以使用Ajax或者其他方法获取HTML元素后绑定事件,例如使用`addEventListener`:
```javascript
document.getElementById('myButton').addEventListener('click', function() {
myFunction('动态参数1', '动态参数2');
});
```
这会使得当用户点击ID为'myButton'的元素时,会调用`myFunction`函数。记得将'myButton'替换为实际的DOM元素ID。
阅读全文