昨天经理说要把界面分成很多个模块去做这样也好调用假如我不需要这模块直接不调用就行,其他页面要用直接调用就行。
而我采用的办法是用JQ。
进入正题:
首先搭建好大体框架(为了清楚点设置了高度)
<body>
<div class= "zhengti ">
<div id="PrlToos"></div>
<div id="Prlsearch"></div>
<div id ="PrlLeftmenu" class="fl"></div>
<div class="Smenu fl">45 4 56</div>
<div id ="PrlSubleftmenu" class="fl"></div>
<div id= "PrlList" class="fl"></div>
<div id ="PrlStaute" class="fr"></div>
</div>
</div>
</body>
然后怎么分成不同的模块呢
第二,把需要的模块建好
无非就是建网页
第三,怎么把这些网页放进去div中呢
$(function(){
$('#PrlToos').load('PrlToos.html');
$('#Prlsearch').load('PrlSearch.html');
$('#PrlLeftmenu').load('PrlLeftmenu.html');
$('#PrlSubleftmenu').load('PrlSubleftmenu.html');
$('#PrlList').load('PrlList.html');
$('#PrlStaute').load('PrlStaute.html');
});
可能你会问不用写地址?这里的load可以自动识别。
第四:就完成了
后面的话就直接在模块里写上内容就行
我刚刚开始学如果哪里理解错误或者不对请联系我,我会修改正回来,大神有更好的方法,也请告诉我。谢谢!!