欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【代码笔记】JavaScript-JavaScript-JavaScript输出

程序员文章站 2022-12-23 17:29:26
一,效果图。 二,代码。 javascript 用法

我的第一个页面

一,效果图。

【代码笔记】JavaScript-JavaScript-JavaScript输出

二,代码。

【代码笔记】JavaScript-JavaScript-JavaScript输出
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript 用法</title>
</head>

<body>
    <!--使用 window.alert()-->
    <h1>我的第一个页面</h1>
    <p>我的第一个段落</p>
    <script>
    window.alert(5 + 6);
    </script>
    <!--操作 html 元素-->
    <p id="demo">我的第一个段落</p>
    <script>
    document.getelementbyid("demo").innerhtml = "段落已修改";
    </script>
    <!--写到 html 文档-->
    <script>
    document.write(date());
    </script>
    <button onclick="myfunction()">点我</button>
    <script>
    function myfunction() {
        document.write(date())
    }
    </script>
    <!--写到控制台-->
    <script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
    </script>
</body>

</html>
【代码笔记】JavaScript-JavaScript-JavaScript输出

 

参考资料:《菜鸟教程》