-
请问如何不用frameset来实现其类似的部分页面加载的效果10
看网上说，frameset有诸多的缺点，最好不要用，可以那样该如何来实现类似frameset的效果呢？
如果我有一个主页a,a的左侧是导航菜单，a的右侧是功能区，在a的左侧导航菜单里点击一个菜单项，右侧功能区里就会出现对应的页面，如页面b,依次类推……
请问该如何实现这样的效果呢？
问题补充：kangfuq 写道可以在右侧使用DIV区域，给菜单绑定一个click处理函数，在函数里通过ajax请求，（1）如果直接返回html页面数据，则直接赋值到DIV区域；（2）如果想返回json格式数据，则在则自己处理后放入右侧DIV区域；
但这样存在一个问题，就是你按F5刷新后，页面会重新处于初始状态（及地址栏的url表示的页面），而不会仅仅只是刷新右侧数据；
谢谢你的回复，如果我想要显示的页面只是静态页面，也需要使用ajax吗？使用ajax就要与后台交互了，感觉如果是静态页面是不是可以不用跟后台交互了？2012年5月04日 21:27
添加评论
关注(0)3个答案 按时间排序 按投票排序
-
你可以通过静态页面的url来进行ajax访问，后台的逻辑不用修改，只需修改返回页面，让该页面只是一个DIV区域，不需要完整的html页面；
通过ajax访问后台后，获得表示该页面的数据，然后通过js的DOM操作（或jquery的$.("#divId").html(data))将该数据挂在目标区域就行了;2012年5月05日 23:09
-
可以在右侧使用DIV区域，给菜单绑定一个click处理函数，在函数里通过ajax请求，（1）如果直接返回html页面数据，则直接赋值到DIV区域；（2）如果想返回json格式数据，则在则自己处理后放入右侧DIV区域；
但这样存在一个问题，就是你按F5刷新后，页面会重新处于初始状态（及地址栏的url表示的页面），而不会仅仅只是刷新右侧数据；2012年5月05日 14:09
相关推荐
在网页设计领域，"frameset 左右效果模板"是一种常见的布局方式，它利用HTML的frameset元素来创建一个分栏式的页面结构，通常用于实现左侧菜单和右侧主要内容的显示。这种布局可以让用户在浏览网站时，保持导航菜单...
4. **iframe.html** - `iframe`（内联框架）是另一种实现类似效果的方式，它可以在页面中嵌入另一个HTML文档，具有更高的灵活性，但不支持历史记录和书签功能。 5. **fixedframes.html** - 固定大小的框架，框架大小...
在网页设计领域，页面布局是构建用户界面的关键环节，它决定了网页内容的组织方式和视觉呈现效果。"页面布局frameset"是指使用HTML中的`<frameset>`元素来创建一个多窗口或分框的布局结构。这种布局技术允许网页被...
这种技术在早期的Web开发中非常流行，它允许开发者实现多列布局，或者在一个页面中同时展示导航、主要内容和侧边栏等不同部分。然而，随着CSS（层叠样式表）的兴起，特别是CSS Grid和Flexbox的出现，frameset的使用...
为了解决这些问题，开发者转向了使用`div`元素配合CSS来实现类似的布局效果。本文将详细介绍如何用`div`和CSS实现仿框架布局。 首先，我们需要理解`div`元素。`div`是HTML中的一个块级元素，它主要用于组合其他HTML...
在网页设计中，框架（Frameset）是一种将多个独立页面组合到一个浏览器窗口中的技术，它使得网页可以被划分为不同的区域，每个区域可以显示不同的内容。本篇将深入探讨如何利用Frameset进行页面布局设置。 一、...
Frameset允许我们将浏览器窗口分割成多个独立的部分，每个部分可以加载不同的网页，从而实现多页面同时展示的效果。这种技术在早期的网页设计中较为常见，但在现代Web开发中已逐渐被更灵活的CSS布局如Flexbox和Grid...
因此，现代Web开发更多地使用CSS布局（如Flexbox和Grid）和Ajax来实现类似的效果，它们提供了更好的控制和兼容性。 **六、总结** frameset框架虽然在过去的网页设计中起到了重要作用，但在现代Web开发中，已逐渐被...
现代Web开发倾向于使用CSS布局（如Flexbox和Grid）和单页应用程序（SPA）来实现类似的功能，因为这些方法提供了更好的可访问性、可维护性和响应式设计。同时，由于框架可能对搜索引擎优化（SEO）产生负面影响，因此...
通常，这样的博客会涵盖如何创建frameset，设置frame的属性，比如`<frame>`标签的`src`属性来指定加载的网页，`noresize`属性来禁止用户调整框架大小，以及`<frameset>`的`rows`和`cols`属性来定义框架的尺寸等。...
`frameset` 允许我们将浏览器窗口分割成多个独立的部分，每个部分可以加载不同的网页内容，从而实现多页面同时展示的效果。标题 "好看的frameset实例" 提示我们这是一个关于如何美观地运用`frameset`的示例集，描述...
这三者都是与页面布局有关的技术，它们能够让页面的不同部分加载不同的网页，但是每种标签的用法和功能都有所区别。 首先，我们来解释一下框架（Frames）的概念。在Web开发中，框架是用来将浏览器窗口分割成几个...
这个实例是关于如何通过一个按钮来控制`FrameSet`中的某个部分（比如左侧的`Frame`）进行隐藏或显示，并且在操作过程中配合图片的变换，提供更丰富的用户体验。尽管这个实例存在一些问题，如无法消除上边距以及...
通过frameset，开发者可以实现页面内容的分块展示，例如将导航和主要内容分开，使页面结构更加清晰。 在"frameset左右收缩demo"中，我们可以推测这个布局可能包含以下关键元素： 1. `<frameset>`标签：作为整个...
现代Web开发更倾向于使用响应式设计，如Bootstrap或CSS Grid来实现类似的效果。 尽管如此，了解frameset仍然有价值，因为它在某些特定场景下仍被使用，比如内部系统或者老旧站点。同时，理解frameset的工作原理有助...
通过上述分析可以看出，在 Asp.net 中使用 Frameset 可以实现较为复杂的页面布局效果。利用 `<IFRAME>` 和 `<frameset>` 标签，开发者可以根据需求灵活地设计多窗口布局，并通过 C# 代码实现页面间的交互控制。尽管...
本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的使用方法，并通过实例来解析如何设置这些元素的属性来实现复杂页面布局。 #### Frameset标签详解 `<frameset>`标签用于定义一个由多个框架组成...
现代Web开发更倾向于使用CSS布局技术来实现类似的功能。 #### 六、结论 虽然`Frameset`在现代Web开发中的使用频率不高，但它作为一种历史性的技术，对于理解早期Web设计思路仍然具有一定的参考价值。了解并掌握`...
使用JavaScript，我们可以添加事件监听器来响应用户的操作，比如当用户选择一个选项时，动态更新其他部分的内容，甚至加载新的frame内容。 ```javascript document.getElementById('dropdown').addEventListener('...
例如，在给出的部分内容中，可以看到一个嵌套的frameset结构，通过`rows`和`cols`属性来定义框架的高度和宽度分配。 ### 在frameset中应用背景图片的方法 为了在frameset中的各个框架内分别设置不同的背景图片，...