美文网首页
JavaScript基本语法;

JavaScript基本语法;

作者: 你家门口的两朵云 | 来源:发表于2021-06-29 13:14 被阅读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>
    
    

    相关文章

      网友评论

          本文标题:JavaScript基本语法;

          本文链接:https://www.haomeiwen.com/subject/jvmzsltx.html