html5中frameset的替代方案_html/css_WEB-ITnose

因为要做pad版的web应用，所以需要杜绝使用frame来实现页面框架，根据html5的描述可以用div+css实现，可问题是局部刷新怎么解决呢(刷新某一个frame)？ 如果div+css的话，页面每触发一个事件需要刷新内容的话，整个页面都跟刷新啊··· 这样肯定是不行！！！

请高手赐教~~~~~~~~~

回复讨论(解决方案)

内容用innerHTML随便改就行了。

<div id="d">abcd</div><script>function click_me(){   document.getElementById('d').innerHTML='new text';}</script><button onclick="click_me()">click</button>

内容用innerHTML随便改就行了。

HTML code

abcd

<script> <br /> function click_me(){ <br /> document.getElementById('d').innerHTML='new text'; <br /> } <br /> </script>
click

……

这不是修改一两个属性的问题啊，在界面的感觉是在切换某一板块的整个页面

jquery的
$("#divID").load("xx.htm")页面就可以了

用jq的load方法
http://api.jquery.com/load/

这不是修改一两个属性的问题啊，在界面的感觉是在切换某一板块的整个页面

透过现象看本质，不管jquery load方法还是什么，
这种情况，都是利用 innerHTML做内部元素的替换。

用innerHTML替换多少元素都可以的。

jquery的
$("#divID").load("xx.htm")页面就可以了

大神活动，围观一下

呃，2012年的老贴~

两个过程：
1.从服务端取得文档片段或者数据（文档片段或者数据会个数据格式，比如json, xml）。可以用XmlHTTPRequest对象用ajax方式取，也可以通过jquery等框架封装以一种简洁的方式取，也可以通过webSocket取。
2.根据约定的数据格式解析从服务端取来的文档片段为DOM片段，然后再追加到页面的某个结点中。浏览器环境中会有JSON,XML对象，他们的API都有parse()这个方法，可以通过这个解析，但是，会有很多冗余节点，所以可以用正则表达式来解析，这个需要正则表达式写得好才行，还问这种问题估计也不精通，那可以找相关的js框架来完成解析过程，我就不为这些框架打广告了，不要太多。
3.如果这部分DOM片段需要绑定事件的话，需要再次绑定。如果第2步是“替换”而不是追加，则事件仍在，不用重复绑定事件。