在做sns的静态页面的时候如何避免使用iframe

问答首页 → Web前端技术

0 0

在做sns的静态页面的时候如何避免使用iframe20

大家好我是一个小美工
最近做了一个sns的项目
在做静态页面的时候，遇到一些问题
拿人人举个例子，人人中间新鲜事个部分是做到局部刷新的

我在做静态页面的时候也想可以实现局部刷新的效果，但是我不想用iframe，因为使用iframe会出现各种问题

之后我用过jquery中的load方法，但是load兼容性会有点问题，有时候load子页面中的样式加载不上，只能放到父页面上

前辈们还有没有别的好的办法能避免使用iframe，又能让我把静态页面中的公共部分拿出来，只是加载需要变化的部分

不知道我以上的描述是否清晰，前辈可以加我qq418904718，我再仔细描述描述^_^

附件中有我截得相关的图

问题补充：<div class="quote_title">suziwen 写道</div><div class="quote_div">通过AJAX数据加载后自己重新用JAVASCRIPT去构建页面的HTML信息</div> <br />那交给程序那边后他们那边可能不好控制 <br />如果他们只是循环一段div块就能达到最终效果，我要是采用js构建页面不是又给他们增加工作量，在转换的过程中难保不会出现问题

问题补充：<div class="quote_title">hudingchen 写道</div><div class="quote_div">就得ajax了，感觉这属于开发的工作啊，你多干活了。。</div> <br />恩，多干活少干活倒不是问题，其实那样做的话太小题大做，我也看过关于ajax的，说实话我觉得挺复杂的，而且我弄出来开发那边不一定会采用，我想有没有适合小美工用的局部刷新的方法，我只要给开发人员呈现效果，但是又不能让我每个页面都出，那个样后期维护相当的麻烦

问题补充：<div class="quote_title">wangqj 写道</div><div class="quote_div">美工通常是用冗余的方式，尽量把样式写到css，这样比较好控制。 <br />如果用ajax就太麻烦了，得不偿失 <br /> <br />ps：美工做出来的原型，有点小问题无伤大雅</div> <br /><div class="quote_title">wangqj 写道</div><div class="quote_div">美工通常是用冗余的方式，尽量把样式写到css，这样比较好控制。 <br />如果用ajax就太麻烦了，得不偿失 <br /> <br />ps：美工做出来的原型，有点小问题无伤大雅</div> <br /> <br />恩，关于样式的话，我们都是很好的做到分离。只是页面结构上不好控制，举例说：这个项目中所有的页面中都有导航栏这一栏，不使用iframe的笨办法就是每个页面中都加入导航这段div，可是如果这个项目很大几百个页面，我要修改导航栏的一部分，或者只是添加一个连接，我就要改几百次，太浪费时间和精力，dw中也可以批量替换，暂且不说批量替换有风险性，小操作可以替换，但要是大的修改，我想我就疯了。对于程序那边就轻松多了只要修改模板就ok了，他们2分钟的事情到了我这里就得是两个小时的工作量。

问题补充：恩，采用批量也是可以的，还是体会到这样后期维护带来困难，代码的冗余比较多，我想是否能找到更高效的方法，如果只是为了完成工作，我想我已经能够满足了（工作已经完成我现在只是在反思，下次再遇到的时候能够使用更好的方法），我现在只是想我的页面精简精简在精简一点，一方面自己这边好控制，二方面为程序那边减少冗余代码带来的干扰。 <br />现在我就是用的iframe，首先iframe高度自适应的问题上我纠结了很久了，后来采用了我在截图中标出来的方式，一句window.setInterval("reinitIframe()", 200);就被人鄙视了好久，呵呵 <br />iframe的问题有很多，运用到项目中的时候都要把我逼疯了，我没法一一给你列出来，现在我就是想找一种合适的方法能够避免使用iframe，代码简洁好维护