`

iframe框架的使用

    博客分类:
  • jsp
 
阅读更多
  我们在编写前台页面的时候,经常会显示一些菜单栏。每个导航栏目下面显示有几条信息,为了让jsp代码看上去规范一些。我们通常情况下,会把导航栏下面循环显示的信息放到iframe框架中。因为这样可以使页面代码看上去更美观和规范化,如:
 <td height="190" valign="top">
     <iframe src="${pageContext.request.contextPath}/news/list/listSuccess.action?params=pingTaiGongGao&flag=1&pageSize=8" width="100%" scrolling="no" frameborder="0" marginwidth="120" marginheight="100" style="background-color:#ffffff" ></iframe>
 </td>

这个iframe的页面是;
<table width="300" border="0" cellspacing="0" cellpadding="0">
	<c:if test="${not empty pingTaiGongGao}">
		<c:forEach items="${pingTaiGongGao}" var="news" varStatus="num">
			<tr>
				<td width="12" height="23" align="left">
					<img src="${pageContext.request.contextPath}/images/webimages/dot01.jpg" width="6" height="7" />
				</td>
				<td align="left">
					<a href="${pageContext.request.contextPath}/news/newsDetail.action?id=${news.id}" target="_blank"><script language='javascript'>'${news.title}'.subString(0,18);</script>...</a>
					</td>
			</tr>
			<tr>
				<td colspan="2" background="${pageContext.request.contextPath}/images/webimages/dot02.jpg"
					height="1"></td>
			</tr>
		</c:forEach>
	</c:if>
</table>

分享到:
评论

相关推荐

    iframe框架使用(完美版)

    "iframe框架使用(完美版)"这一主题着重讲解了如何高效、灵活地运用iframe,并解决其中的一些常见问题,如自适应高度的设定以及通过JavaScript进行封装。 首先,我们要理解iframe的基本用法。`&lt;iframe&gt;`标签通常包含...

    lhgdialog文件加跨iframe框架使用

    在这个主题中,“lhgdialog文件加跨iframe框架使用”意味着我们将探讨如何在含有iframe的页面结构中利用lhgDialog进行交互。 首先,我们来看一下lhgDialog的基本用法。lhgDialog提供了丰富的选项和方法,可以定制...

    可以左右拖动的iframe框架

    "可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和用户体验。下面将详细讲解这个知识点。 **Iframe(Inline Frame)** 是HTML中的一个...

    test3test3test3test3test3test3

    test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3test3

    在iframe框架中打开页面的方法

    使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...

    iframe框架中实现打开多窗口方法

    然而,在iframe框架中实现打开多窗口的方法,则是一项更为高级且实用的技术。本文将基于给定文件的信息,深入探讨在iframe框架中实现多窗口打开的方法及其背后的原理。 ### 关键知识点一:`target`属性与`name`属性...

    iframe框架后台模板

    【iframe框架后台模板】是一种基于iframe技术构建的静态前端管理系统,其主要特点是利用iframe的特性来实现多页面的集成和管理。在Web开发中,iframe(Inline Frame)是一种嵌入式框架,允许在一个HTML文档中嵌入另...

    JAVASCRIPT让IFRAME框架的高度自适应

    在网页开发中,使用IFRAME框架来嵌套其他网页内容是一种常见的做法。但是,IFRAME框架的高度无法自动调整以适应页面内容的变化,这就会导致用户体验不佳。为了解决这个问题,我们可以使用JavaScript来让IFRAME框架的...

    iframe框架上传.rar

    在ASP(Active Server Pages)开发...Iframe框架通常用于异步上传,通过隐藏的iframe来接收服务器返回的结果,使得上传操作不会刷新整个页面,提供更好的用户体验。用户可以解压文件,查看示例代码,了解具体实现细节。

    iframe框架与主框架通信模块例子.zip

    在网页开发中,有时我们需要在不同的域之间进行通信,特别是在使用iframe框架时。"iframe框架与主框架通信模块例子.zip" 提供了一个解决方案,它演示了如何在iframe和其父页面(即顶层页面)之间实现跨域通信。这种...

    iframe 框架透明背景

    总的来说,实现“iframe框架透明背景”主要涉及`iframe`标签的使用,以及相关的CSS样式设置,特别是背景颜色和边框的透明化处理。同时,还要注意浏览器兼容性和跨域问题,确保在各种环境下都能正确显示。通过这样的...

    用DIV仿iframe框架布局效果

    这个主题,“用DIV仿iframe框架布局效果”,将深入探讨如何使用纯前端技术来模拟一个可独立滚动的内容区域。 首先,我们需要理解iframe的基本概念。Iframe,即内联框架,是一种在HTML文档中嵌入另一个HTML文档的...

    HTML 折叠框架 iframe

    "点击可收缩"这一特性意味着,该iframe框架可以被设计成用户点击后能够隐藏或显示,增加了交互性和页面空间的有效利用。 折叠框架通常通过JavaScript库或CSS样式来实现。例如,jQuery和Bootstrap框架提供了丰富的...

    iframe框架透明样式

    ### iframe框架透明样式的实现与应用 在网页设计与开发过程中,经常需要使用到`&lt;iframe&gt;`元素来嵌入其他页面或内容。然而,在实际应用中可能会遇到由于内外层页面背景色不一致导致视觉效果不佳的情况。为了提高用户...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...

    ACE_iframe框架版.rar

    ACE_iframe框架版是一个基于ACE后台管理模板的实现,它采用了iframe框架来构建多页面的后台管理系统。这个框架因其简洁、高效和强大的功能而在IT行业中备受推崇,尤其适合开发人员进行后台界面的设计与开发。 首先...

    Iframe框架高度自适应的实现.doc

    Iframe框架高度自适应是一个重要的需求,特别是在内容动态更新或者跨域通信时,确保用户无需滚动两个独立的滚动条来查看全部内容。本篇文章将详细解释如何实现Iframe框架高度自适应,并分析给定代码的工作原理。 ...

    iframe框架用法收藏

    ### Iframe框架用法详解 #### 一、Iframe标记简介及基本用法 Iframe,全称为**Inline Frame**,是一种特殊的HTML标签,用于在当前网页中嵌入另一个HTML文档或其他类型的文件,如图像、视频等。它可以看作是一个...

    实现iframe嵌套,适合CMS,CRM等后台框架

    在CMS(内容管理系统)和CRM(客户关系管理)等后台框架中,iframe的应用尤为广泛,因为它提供了多页面内容的并行显示,而无需频繁地加载整个页面,提升了用户体验。下面我们将深入探讨iframe的实现方式、优点以及...

    js 实现 动态添加iframe框架

    js 实现 动态添加iframe框架! 值得下载看看!资源免费,大家分享!!

Global site tag (gtag.js) - Google Analytics