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

【代码笔记】Web-JavaScript-JavaScript语句

程序员文章站 2023-10-15 21:03:27
一,效果图。 二,代码。 javascript 语法

我的第一个段落

一,效果图。

【代码笔记】Web-JavaScript-JavaScript语句

二,代码。

【代码笔记】Web-JavaScript-JavaScript语句
<!doctype html>
<html>

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

<body>
    <!--语句-->
    <p id="demo">我的第一个段落</p>
    <script>
    document.getelementbyid("demo").innerhtml = "你好 dolly";
    </script>
    <!--分号-->
    <h1>我的网页</h1>
    <p id="demo1"></p>
    <p id="demo2"></p>
    <script>
    a = 1;
    b = 2;
    c = a + b;
    document.getelementbyid("demo1").innerhtml = c;
    x = 1;
    y = 2;
    z = x + y;
    document.getelementbyid("demo2").innerhtml = z;
    </script>
    <!--代码-->
    <p id="demo">一个段落</p>
    <div id="mydiv">一个div.</div>
    <script>
    document.getelementbyid("demo").innerhtml = "你好dolly";
    document.getelementbyid("mydiv").innerhtml = "你最近怎么样";
    </script>
    <!--代码块-->
    <p id="mypar">我是一个段落。</p>
    <div id="mydiv">我是一个div。</div>
    <p>
        <button type="button" onclick="myfunction()">点击这里</button>
    </p>
    <script>
    function myfunction() {
        document.getelementbyid("mypar").innerhtml = "你好世界";
        document.getelementbyid("mydiv").innerhtml = "你最近怎么样?";
    }
    </script>
</body>

</html>
【代码笔记】Web-JavaScript-JavaScript语句

 

参考资料:《菜鸟教程》