01.js简介-CSDN博客

本文链接：https://blog.csdn.net/weixin_40735256/article/details/118968314

js介绍

1.直接写入HTML中
2.对事件做出反应
3.改变HTML的内容

1.直接写入HTML中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>JavaScript能够直接在HTML中输出</p>
<script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落</p>");
</script>
</body>
</html>

注意： document.write只能在HTML页面中使用。

2.对事件做出反应

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
js对点击事件做出反应 <br>
<button onclick="alert('欢迎')">点我</button>
</body>
</html>

注意：alert()一般用于测试。

3.改变HTML的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="demo">改变html内容</p>
<button onclick="f()">点我</button>
<script>
    function f() {
        document.getElementById("demo").innerHTML="我变了，惊不惊喜！";
    }
</script>
</body>
</html>