<JS>显示和基本操作

来源：互联网发布：兄弟连php视频编辑：程序博客网时间：2024/05/13 21:27

基本显示

<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>

0 0