1. 程式人生 > >【程式碼筆記】Web-JavaScript-JavaScript輸出

【程式碼筆記】Web-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>

複製程式碼

 

參考資料:《菜鳥教程》