index.html页面输入如下内容
<html>
<head>
</head>
<body>
<a href="#" onclick="loadUrl1()">你好a</a>
<a href="#" onclick="loadUrl3()">你好c</a>
<a href="#" onclick="loadUrl2()">你好b</a><br>
<iframe name="t" scrolling=no frameborder=1 weight="100" height="100" src=""></iframe>
</body>
</html>
<script language="javascript" type="text/javascript">
function loadUrl1(){
document.t.location.href="a.html";
}
function loadUrl2(){
document.t.location.href="b.html";
}
function loadUrl3(){
document.t.location.href="c.html";
}
</script>
在a.html页面输入如下内容
<html>
<head>
</head>
<body>
aaaa
</body>
</html>
在b.html页面输入如下内容
<html>
<head>
</head>
<body>
bbbb
</body>
</html>
在c.html页面输入如下内容
<html>
<head>
</head>
<body>
ccccc
</body>
</html>
分享到:
相关推荐
这个名为"jQuery内嵌iframe导航菜单特效源码.zip"的压缩包文件提供了一个使用jQuery实现的内嵌iframe的导航菜单特效源代码,旨在帮助开发者创建动态、交互性强的网页界面。 首先,我们来理解一下jQuery。jQuery是一...
这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能,即在iframe中获取父级(parent)窗口对象。在网页开发中,iframe(内联框架)是一种嵌入其他HTML...
这个名为"Extjs6-iframe-优化.rar"的压缩包文件似乎包含了一个针对ExtJS6的特定插件——IFrame.js的优化方案。IFrame,全称Inline Frame,是HTML中的一个元素,用于在一个网页中嵌入另一个网页,实现页面的复合展示...
基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子...
然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...
在网页开发中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个页面中嵌入另一个页面的内容,实现页面的组合或者隔离加载。然而,`<iframe>`的高度自适应问题常常困扰着开发者,尤其是当`<iframe>`内部的内容...
本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...
在IT行业中,网页开发是一项重要的工作,而"iframe批量替换工具"是针对特定问题——网页被挂载IFRAME——而设计的一种实用解决方案。本文将详细介绍这个工具的工作原理、应用场景及相关的技术知识点。 首先,IFRAME...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...
在本主题中,“bootstrap+iframe 实现局部刷新 后台模板”指的是利用Bootstrap框架和HTML5的`<iframe>`元素来创建一个后台管理界面,其中实现了一个关键特性——局部刷新。局部刷新允许用户在不重新加载整个页面的...
3.2.4 粗体、斜体、下划线——strong、em、u 46 3.2.5 上标与下标——sup、sub 47 3.2.6 设置删除线——strike 48 3.2.7 等宽文字标记——code 49 3.2.8 空格——&nbsp; 49 3.2.9 其他特殊符号 50 ...
然而,有时我们可能希望在`iframe`内禁用默认的右键菜单,以防止用户通过右键点击执行某些操作,比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求,描述中提到的解决方案是创建一个既简单又实用的...
在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...
在多页面交互的场景下,`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素...
layuiadmin-iframe3.zip是一个包含layui框架的演示代码压缩包,专用于展示如何在Web应用中集成layui的iframe功能。layui是一款优秀的前端轻量级框架,以其简洁、强大的特性和丰富的UI组件,深受开发者喜爱。这个...
ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe 元素来加载外部页面或资源的技术。这种技术可以使得开发者更方便地在应用程序中嵌入外部资源,提高...
本文将详细讲解如何利用IFrame解决这些问题,特别是针对Flex菜单的遮挡问题。 首先,理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而...
`iframe`跨域消息传递是解决这个问题的关键技术,它允许不同源的`iframe`和主页面之间安全地交换数据。 标题"iframe消息监听传递"主要涉及到两个核心概念:`postMessage`和`message`事件。这两个API是HTML5引入的,...
在网页设计中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...