html怎么调用js里面的东西？

html-css029

html怎么调用js里面的东西？,第1张

html调用js函数，有多种方法：\x0d\x0a\x0d\x0a1、可以用控件本身进行；\x0d\x0a 如 \x0d\x0a2、通过javascript 中 的 时间控件 定时执行；\x0d\x0a\x0d\x0a3、getElementById，实际上得到一个网页中的对象（元素），通过ID检索。\x0d\x0a\x0d\x0a \x0d\x0adocument.getElementById("guest")语句到\x0d\x0a\x0d\x0adocument.getElementById("guest").value="dddddd"\x0d\x0a将 中进行赋值"dddddd"；\x0d\x0a\x0d\x0a4、document.getElementsByName\x0d\x0adocument.getElementsByTagName\x0d\x0adocument.getElementsByTagNameNS\x0d\x0a\x0d\x0a 也是检索网页中的元素，只不过是通过不同的检索方式，检索方式分别为name,TagName等。

html中调用javascript函数基本有两种方法：

通过元素的事件来调用javascript函数

<html>

<head>

<title>javascript函数调用</title>

</head>

<body>

<button onclick="demo()">点击调用demo函数</button>

<script>

function demo()

{

alert("调用成功")

}

</script>

</body>

<html>

效果图

使用addEventListener调用函数

<html>

<head>

<title>javascript函数调用</title>

</head>

<body>

<button id="btn">使用addEventListener调用函数</button>

<script>

    document.getElementById("btn").addEventListener("click",demo)

    function demo() {

        alert("addEventListener调用函数成功")

    }

</script>

</body>

</html>

以上就是通过HTML调用javascript函数,分别为DOM级和DOM2级函数调用，还有DOM3函数调用，但是与DOM2级函数差别不大，就不做讲解。在实际开发中DOM2级函数调用更多的被使用。