当前位置：网站首页>关于页面初始化

关于页面初始化

2022-08-09 10:10:00 【sun*san】

今天想把导航栏导入一个单独的html页面时，发现导航栏竟然不能初始化

我之前用的是js的页面初始化的方法

// 1.在body里面写初始化方法.
<body οnlοad='init()'>
</body>

<script type="text/javascript">
    function init(){
         // 初始化内容       
    }
</script>
// 2.window.οnlοad=function(){}
<script type="text/javascript">
    window.οnlοad=function(){ 
        // 初始化内容 
    }

于是我换成了jq的页面初始化的方法

  $(document).ready(function(){
        console.log("1111")
        let user = localStorage.getItem("user");
        user=JSON.parse(user);
        console.log(user)
        if(user==null){
            document.getElementById("avatar").style.display="none"
            document.getElementById("collect").style.display="none"
            document.getElementById("action").style.display="none"
            document.getElementById("msg").style.display="none"
            document.getElementById("out_btn").style.display="none"
            document.getElementById("login-btn").style.display="block"
        }else {
            if(user.avatar!=null){
                document.getElementById("avatar").style.background = "url(" + user.avatar + ") no-repeat";
                document.getElementById("avatar").style.backgroundSize="100% 100%"
            }
        }
    });

就成功初始化了，就说明，当把一个html页面引入另一个html页面时，初始化需要用jq的初始化方法

这里再提供一个jq初始化方法

<script type="text/javascript">
    $(function() {// 初始化内容
    });  
</script>

原网站

版权声明
本文为[sun*san]所创，转载请带上原文链接，感谢
https://blog.csdn.net/m0_63263973/article/details/126184776

边栏推荐

猜你喜欢

随机推荐