热搜:NVER node 开发 php

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

2024-11-27 10:30:01
html5中frameset的替代方案_html/css_WEB-ITnose

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

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


回复讨论(解决方案)

内容用innerHTML随便改就行了。

abcd

内容用innerHTML随便改就行了。

HTML code

abcd




……

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

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步是“替换”而不是追加,则事件仍在,不用重复绑定事件。