如何实现整个页面切换header头部不一样？

兄弟!你这个问题 解决方案就有几种办法了！！

第一种 多写几个header 然后根据不同的页面 显示对应的 header。如果只需要替换标题的话 就更简单了。。用js 替换标题内容即可。

<header class="mui-bar mui-bar-nav">  
            <h1 class="mui-title">11</h1>  
        </header>  
        <header class="mui-bar mui-bar-nav mui-hidden">  
            <h1 class="mui-title">22</h1>  
        </header>  
        <header class="mui-bar mui-bar-nav mui-hidden">  
            <h1 class="mui-title">33</h1>  
        </header>  
        <header class="mui-bar mui-bar-nav mui-hidden">  
            <h1 class="mui-title">44</h1>  
        </header>  
        <nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active" href="news.html">  
                <span class="mui-icon mui-icon-home"></span>  
                <span class="mui-tab-label">11</span>  
            </a>  
            <a class="mui-tab-item" href="shoutu.html">  
                <span class="mui-icon mui-icon-paperplane"></span>  
                <span class="mui-tab-label">22</span>  
            </a>  
            <a class="mui-tab-item" href="school.html">  
                <span class="mui-icon mui-icon-starhalf"></span>  
                <span class="mui-tab-label">33</span>  
            </a>  
            <a class="mui-tab-item" href="user_info.html">  
                <span class="mui-icon mui-icon-personadd"></span>  
                <span class="mui-tab-label">44</span>  
            </a>  
        </nav>

第二种 就是把header 放在你的子页面中。、、、