JavaScript基本语法;

2021-06-29  本文已影响0人  你家门口的两朵云

1.刷新/第一次打开页面自动加载指定js中的function()

<script language="javascript">
 window.οnlοad=function(){
  alert("页面载入时,自动调用js函数。");
 }
</script>

2.js实现对标签显示/隐藏的操作

<div >
    <div id="demo1" >隐藏</div>
    <div id="demo2">显示</div>

    <button onclick="aa()">按钮1</button>
    <button onclick="bb()">按钮2</button>

    <button onclick="cc()">按钮3</button>
    <button onclick="dd()">按钮4</button>
</div>
<script type="text/javascript">
    function aa(){//隐藏-占位
        document.getElementById("demo1").style.visibility="hidden";
    }
    function bb(){//显示
        document.getElementById("demo1").style.visibility="visible";
    }

    function cc(){//隐藏-不占位
        document.getElementById("demo1").style.display="none";
    }
    function dd(){//显示
        //display为空的话会好使,为block会使后边的空间换行
        document.getElementById("demo1").style.display="";
    }
</script>

上一篇下一篇

猜你喜欢

热点阅读