解决把网页细分成很多模块个去做!

昨天经理说要把界面分成很多个模块去做这样也好调用假如我不需要这模块直接不调用就行,其他页面要用直接调用就行。

而我采用的办法是用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可以自动识别。

第四:就完成了


后面的话就直接在模块里写上内容就行


我刚刚开始学如果哪里理解错误或者不对请联系我,我会修改正回来,大神有更好的方法,也请告诉我。谢谢!!

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值