`
javatim
  • 浏览: 70163 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

遗忘的角落——iframe

阅读更多
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导航菜单特效源码.zip"的压缩包文件提供了一个使用jQuery实现的内嵌iframe的导航菜单特效源代码,旨在帮助开发者创建动态、交互性强的网页界面。 首先,我们来理解一下jQuery。jQuery是一...

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能,即在iframe中获取父级(parent)窗口对象。在网页开发中,iframe(内联框架)是一种嵌入其他HTML...

    Extjs6-iframe-优化.rar

    这个名为"Extjs6-iframe-优化.rar"的压缩包文件似乎包含了一个针对ExtJS6的特定插件——IFrame.js的优化方案。IFrame,全称Inline Frame,是HTML中的一个元素,用于在一个网页中嵌入另一个网页,实现页面的复合展示...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子...

    解决双iframe互相刷新进入死循环的问题

    然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    在网页开发中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个页面中嵌入另一个页面的内容,实现页面的组合或者隔离加载。然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    iframe批量替换工具

    在IT行业中,网页开发是一项重要的工作,而"iframe批量替换工具"是针对特定问题——网页被挂载IFRAME——而设计的一种实用解决方案。本文将详细介绍这个工具的工作原理、应用场景及相关的技术知识点。 首先,IFRAME...

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe对另一个iframe控制的Demo

    本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...

    bootstarp+iframe 实现局部刷新 后台模板

    在本主题中,“bootstrap+iframe 实现局部刷新 后台模板”指的是利用Bootstrap框架和HTML5的`&lt;iframe&gt;`元素来创建一个后台管理界面,其中实现了一个关键特性——局部刷新。局部刷新允许用户在不重新加载整个页面的...

    从入门到精通HTML5——PDF——网盘链接

     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 空格——&amp;nbsp; 49  3.2.9 其他特殊符号 50 ...

    iframe里无右键菜单

    然而,有时我们可能希望在`iframe`内禁用默认的右键菜单,以防止用户通过右键点击执行某些操作,比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求,描述中提到的解决方案是创建一个既简单又实用的...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    iframe兄弟页面相互调用

    在多页面交互的场景下,`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素...

    layuiadmin-iframe3.zip

    layuiadmin-iframe3.zip是一个包含layui框架的演示代码压缩包,专用于展示如何在Web应用中集成layui的iframe功能。layui是一款优秀的前端轻量级框架,以其简洁、强大的特性和丰富的UI组件,深受开发者喜爱。这个...

    asp.net 中使用iframe动态加载页面

    ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe 元素来加载外部页面或资源的技术。这种技术可以使得开发者更方便地在应用程序中嵌入外部资源,提高...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    本文将详细讲解如何利用IFrame解决这些问题,特别是针对Flex菜单的遮挡问题。 首先,理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而...

    iframe消息监听传递

    `iframe`跨域消息传递是解决这个问题的关键技术,它允许不同源的`iframe`和主页面之间安全地交换数据。 标题"iframe消息监听传递"主要涉及到两个核心概念:`postMessage`和`message`事件。这两个API是HTML5引入的,...

    iframe中页面显示不全1

    在网页设计中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...

Global site tag (gtag.js) - Google Analytics