在指定<iframe>打开一个指定页面

最新推荐文章于 2024-04-15 15:25:05 发布
最新推荐文章于 2024-04-15 15:25:05 发布
阅读量1.6k 收藏
点赞数
分类专栏： JavaScript 文章标签： Firefox HTML
在一个页面中有两个<iframe>标签，其中一个包含一个页面，在页面中单击一个<a>链接，打开的页面要求在另一个<iframe>中打开

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>


<iframe id="aaa" src="./tree.html" height="480" width="475">

</iframe>

包含的页面

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
<a href ="http://www.sohu.com" target="dataframe"> 链接</a>
</body>
</html>


<iframe name="dataframe" height="480" width="475">

</frame>
</html>
peng_jianming
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器打开应用指定的界面
07-25 2743
iOS中提供了两种在浏览器中打开APP的方法： Smart App Banner 和schema协议,这里介绍schema的使用
layui问题之自动滚动二级iframe页面到指定位置的方法
10-16
今天小编就为大家分享一篇layui问题之自动滚动二级iframe页面到指定位置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
从指定的iframe中打开页面
like_the_moon的博客
10-08 552
window.parent.frames[‘right’].location.href=‘new url’
iframe 的基本介绍与使用
最新发布
山重水复疑无路，柳暗花明又一村。
04-15 1112
iframe（内嵌框架）是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用<iframe>标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。
控制框架页面或<iframe>内嵌页面在指定页面(区域)打开页面
jpw2409
12-01 553
iframe src="http://zhidao.baidu.com/question/146961890.html" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;">
从iframe中打开文件,并检测iframe存在否...
anjichan4261的博客
12-28 141
如果说只是检测页面存在否,直接设置target用伪协议就可以解决了... 不过是iframe[name]的话,就涉及onload的问题了...所以就麻烦了许多.... 以下只是加了延迟...并没有"真正"的处理onload的问题....其实可以循环window.open来解决,不过懒的弄就略了...^^ <a href="javascript:void(0);" o...
关于Iframe父页面与子页面之间的相互调用
11-26
window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象。但是，如果一个文档定义了一个或者多个框架(即：包含一个或者多个frame或者iframe标签)，浏览器就会为原始文档创建一个window对象，再为每个...
Iframe页面请求跳转问题解决
05-31
首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window....
js:限制页面必须在框架内·完美版：保证父框架启动的后，自动打开原来页面！
07-31
说明： <br><br>主要用于框架（iframe）程序 <br>现在演示的是htm页面，也适用于asp/asp.net，当然jsp或者php也应该能用，不过我本人不感兴趣，没有测试过。 <br>打开目标页面（a.html）之后，目标页面后自动启动父...
Javascript iframe交互并兼容各种浏览器的解决方法
01-21
那么通过这个特征，我们可以在子页面中，把自身的window对象传递给父页面就可以了，这样父页面就很轻松的访问子页面，再也不用靠虑如何从iframe对象上得到window对象了。 二话不说，我们先看代码： 父页面代码： ...
js通过iframe加载外部网页的实现代码
10-24
主要介绍了js通过iframe加载外部网页的实现代码,需要的朋友可以参考下
IFRAME中点击子框架里面的超链接在新网页中打开想要打开的页面
十年回首，一纸感动!
11-06 862
在子框网页的&lt;head&gt;标签中加&lt;base target="_blank"&gt; 这样你网页内所有链接都在新窗口打开&lt;head&gt;    &lt;base target="_blank"&gt; &lt;/head&gt; 若是要在同一页面打开则是在子框网页的&lt;head&gt;标签中加&lt;base target
iframe的子页面访问另一个子页面
weixin_34153893的博客
12-19 257
在iframe的子页面访问另一个子页面比如 main.html: <framesetname='main'rows="40,*"cols="*"frameborder="yes"border="1"framespacing="1"><framesrc="template/top.php"name="topFrame"scrol...
iframe中点击子框架里面的超链接在新网页中打开想要打开的页面
chuan6699的博客
03-18 391
在子框网页的&lt;head&gt;标签中加&lt;basetarget="_blank"&gt; 这样你网页内所有链接都在新窗口打开 &lt;head&gt; &lt;basetarget="_blank"&gt; &lt;/head&gt; 若是要在同一页面打开则是在子框网页的&lt;head&gt;标签中加&lt;basetarget=&quot
如何让页面监测Iframe页面的状态？
高雄的专栏
10-13 2264
不知道这个应用有多少场合会用到呢？反正我们目前需要这样的需求。 目前通过javascript似乎没法监测子页面的状态，虽然HTML5给IFrame加了一个contentDocument，但是仍然无法通过这个对象将子页面的状态返回给父页面的js来监测。 于是乎，
如何跳出iframe直接进入新的页面
qq_37230094的博客
03-21 1354
window.top.location='目标网页';
项目调用另一个项目的页面
m0_49515138的博客
09-05 581
【代码】项目调用另一个项目的页面。
<!DOCTYPE html> <html> <head> <!-- 引入Bootstrap的CSS文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"> <style> /* 设置画布容器的样式 */ .canvas { position: relative; width: 100%; height: 100vh; } /* 设置内嵌框的样式 */ .frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; /* 默认隐藏 */ } </style> </head> <body> <!-- 画布容器 --> <div class="canvas"> <!-- 内嵌框1 --> <iframe class="frame" src="page1.html"></iframe> <!-- 内嵌框2 --> <iframe class="frame" src="page2.html"></iframe> <!-- 内嵌框3 --> <iframe class="frame" src="page3.html"></iframe> </div> <!-- 控制按钮，使用Bootstrap的按钮样式类 --> <button class="btn btn-primary" onclick="showFrame(1)">显示页面1</button> <button class="btn btn-secondary" onclick="showFrame(2)">显示页面2</button> <button class="btn btn-success" onclick="showFrame(3)">显示页面3</button> <script> function showFrame(index) { var frames = document.getElementsByClassName('frame'); // 隐藏所有内嵌框 for (var i = 0; i < frames.length; i++) { frames[i].style.display = 'none'; } // 显示指定的内嵌框 frames[index - 1].style.display = 'block'; } </script> </body> </html>
07-14
这段代码是一个使用Bootstrap样式的三层画布，并通过按钮控制内嵌框的可见性。当点击不同的按钮时，对应的内嵌框会显示出来。 您可以在`src`属性中更改`page1.html`，`page2.html`和`page3.html`为您自己的本地HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值