html中超链接调用外部js方法能给个示例吗
时间: 2024-04-07 08:33:17 浏览: 73
JavaScript获取页面中超链接数量的方法
当你想要在HTML中使用超链接调用外部的JavaScript方法时,你可以将JavaScript代码放在一个外部的`.js`文件中,并通过`src`属性将其引入到HTML页面中。下面是一个示例:
首先,创建一个名为`script.js`的外部JavaScript文件,其中包含一个名为`myFunction()`的函数:
```javascript
// script.js
function myFunction() {
alert("你点击了超链接并调用了外部的JavaScript方法!");
}
```
保存上述代码为`script.js`。
然后,在HTML文件中引入这个外部JavaScript文件,并在超链接的`onclick`属性中调用`myFunction()`函数:
```html
<!DOCTYPE html>
<html>
<head>
<title>调用外部JavaScript方法的超链接示例</title>
<script src="script.js"></script>
</head>
<body>
<h1>调用外部JavaScript方法的超链接示例</h1>
<a href="#" onclick="myFunction()">点击调用外部JavaScript方法</a>
</body>
</html>
```
在上面的示例中,`<script src="script.js"></script>`标签用于引入外部的JavaScript文件`script.js`。然后,我们在超链接的`onclick`属性中调用了`myFunction()`函数。
当你点击"点击调用外部JavaScript方法"超链接时,将会弹出一个包含消息的弹窗,这表明成功调用了外部的JavaScript方法。
确保将`script.js`文件与HTML文件放在同一目录下,并且用浏览器打开HTML文件来查看效果。
阅读全文