html调用js方法有哪些

1. 在HTML中调用JavaScript方法

在HTML中调用JavaScript方法可以通过两种方式:通过HTML元素的事件属性或直接在HTML中嵌入JavaScript代码。

1.1 通过HTML元素的事件属性调用JavaScript方法

可以通过HTML元素的事件属性来调用JavaScript方法,例如,当按钮被点击时调用一个JavaScript方法:

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

上面代码中的onclick属性调用了myFunction()方法。

1.2 在HTML中嵌入JavaScript代码

另一种方式是直接在HTML的<head><body>标签中嵌入JavaScript代码,例如:

<html>

<head>

<script>

function myFunction() {

alert("Hello World");

}

</script>

</head>

<body>

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

</body>

</html>

上面代码中的JavaScript方法myFunction()被写在了<head>标签内,并在<button>元素的onclick属性中被调用。

2. 在JavaScript中调用JavaScript方法

JavaScript代码可以通过函数调用自己或其他函数。以下是在JavaScript中调用函数的示例:

<script>

function myFunction() {

alert("Hello World");

}

function callMyFunction() {

myFunction();

}

</script>

上面代码中的callMyFunction()方法调用了myFunction()方法。

3. 传递参数给JavaScript方法

JavaScript方法可以接收任意数量的参数。以下是一个带有参数的JavaScript方法的例子:

<button onclick="myFunction('Hello', 'World')">点击我</button>

<script>

function myFunction(param1, param2) {

alert(param1 + " " + param2);

}

</script>

上面代码中的myFunction()方法接收两个参数,并将它们拼接成一个字符串并弹出对话框。

4. 通过事件触发手机浏览器呼叫电话

可以通过href属性调用tel:协议来实现点击链接即可呼叫电话的功能,例如:

<a href="tel:123123123">电话:123123123</a>

在点击链接时,手机浏览器将会自动弹出呼叫电话的对话框。

5. 总结

本文介绍了在HTML和JavaScript中调用JavaScript方法的方法,包括通过HTML元素的事件属性、在HTML中嵌入JavaScript代码和在JavaScript中调用函数。在调用方法时也可以传递参数,还可以通过tel:协议实现点击链接即可呼叫电话的功能。