<JS>显示和基本操作_js 显示<-CSDN博客

本文链接：https://blog.csdn.net/q869429064/article/details/51456074

基本显示

<body>
    <script>
        document.write("欢迎学习Js ~~~");
    </script>
</body>

输出

<p id="a"></p>
<script>
    document.getElementById("a").innerHTML="你"; 
</script>

改变body内内容

<p id="a">随意的文字</p>
<button onclick="myFunction()" >现在改变</button>

    <script>
        function myFunction(){
        document.getElementById("a").innerHTML="变身了！";  
        }

        //单行注释
        /*多行注释*/
    </script>

页面的大改变

<h1>随意的文字</h1>
<p>随意的文字</p>
<h2>随意的文字</h2>
<button onclick="myFunction()" >现在改变</button>
    <script>
        function myFunction(){
            document.write("变身了！"); 
        }
    </script>

声明变量

<script>
    var a = 1;
    document.write(a);  
</script>

<!--没有赋值-->
显示结果：undefined

<!--输出结果-->
<p id="DO"></p>
<p id="Do"></p>
<p id="dO"></p>

<button onclick="Myfunction()" >a</button>
<button onclick="myFunction()" >b</button>
<button onclick="myfunction()" >查看结果</button>

<script>
    var a = 2;
    var b = a++;
    var c = b + a;
    function Myfunction(){
        document.getElementById("DO").innerHTML="a = " +a;  
        }
    function myFunction(){
        document.getElementById("Do").innerHTML="b = " +b;  
        }
    function myfunction(){
        document.getElementById("dO").innerHTML="c = " +c;  
        }
</script>