欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-03 11:22:59
...
因为要做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步是“替换”而不是追加,则事件仍在,不用重复绑定事件。