在HTML页面中点不同按钮在同一个IFRAME分别切换不同子页面的方法

最新推荐文章于 2022-12-26 18:59:45 发布
最新推荐文章于 2022-12-26 18:59:45 发布
阅读量945 收藏 1
点赞数
比如说现在我有一个index.html页，和2个小的子页面A.html跟B.html
index.html页上面有一个IFRAME，我想在旁边加两个按钮，点不同的按钮分别在IFRAME中显示A跟B两个子页面，不知道要怎么做才行？
 
在线等解答~急啊~谢谢了
 
===========================
检举| 2009-02-27 09:42提问者采纳
给iframe 一个id属性
 
document.getElementById("iframe的id").src = "a.html"
 
点击B
document.getElementById("iframe的id").src = "b.html"
 
提问者评价自己琢磨出来了，不过谢谢你~
weixin_34336292
关注
【Web自动化总结】Selenium处理特殊页面元素技巧
Testfan_zhou的博客
03-20 512
Selenium是目前主流的UI自动化框架，能够识别和操作网页元素。它提供八种基本的定位方式，能够通过id,name,text,css,xpath等识别网页元素。 除了这些基本元素的识别和操作，我们在日常工作中还会遇到很多特殊情况，包括： • 页面框架frame元素 • 提示框Alert元素 • 多窗口切换 • 自定义前端组件 • 网页内嵌windows控件 • … 本系列将会针对这些特殊元素做...
html 图片点击左边 右边不同效果,css实现点击切换图片效果
weixin_36354924的博客
06-03 1367
我们先来看下效果图：(相关教程：CSS教程)切换前：切换中：切换成功：HTML代码：来自Limou的尝试解读来自Limou的尝试解读12341234Images1Images2Images3Images4Images1Images2Images3Images4Images1Images2Images3Images4Images1Images2Images3Images4我的世界钻石小动物松鼠上古卷...
不同html页面之间动态切换,不同页面之间javascript 通过传参控制iframe的src动态改变...
weixin_34696129的博客
06-04 335
以上是被控制页面代码。被控制页面名称：l1r1.html需要实现：1、通过调用语句：“javascript:goleftURL('test3.html');”实现iframe id="left1" 中的src="test1.html"改变成src="test3.html"2、通过条用语句：“javascript:gorightURL('test4.html');”实现iframe id="righ...
子页面切换html,iframe中父页面调用iframe框架内的子页面方法时，切换第二个子页面时，方法失效，DOM0消失...
weixin_42401159的博客
06-03 275
原于事前图近枚态后标近枚态后标近枚态后标近因：需要控制项目中使用iframe构建的部分的音频，由于audio标签位于子页面，暂时没有找到JS禁用浏览器声音的方法，所以需要用到子页面(iframe嵌套页面)内音量控制的方法，使用hreflink.window.childFunction();来调用子页面的方法。我创建了一个img标签，将图片的onclick事件设置为父页面引用子页在定都这十有转页于近...
“开发一个静态 HTML 页面，我要价 18000 美元，有错吗？”
CSDN资讯
05-24 2072
在信息加速发展的互联网时代，越来越多的科技公司为了专注核心竞争力业务以及降低软件项目成本，开始将项目中的部分业务模块分发给第三方外包公司来完成。而这样是否就意味着大幅度地...
vb.net html 代码,vb.net - 单击一个按钮，多个按钮具有相同的HTML代码
weixin_31014025的博客
06-19 197
在上面的评论中，您声明：这正是我试图做的，是为了调用其中一个点击。我不明白这是怎么可能的嗯，问题中发布的代码是在所有匹配元素的循环中调用click事件：theElementCollection = WebBrowser1.Document.GetElementsByTagName("input")For Each curElement As HtmlElement In theElementCol...
html点击页面滑动效果,html5 touch事件实现页面上下滑动效果【附代码】
weixin_42298128的博客
06-03 1612
html>2014-4-29*{margin:0;padding:0;}#outer{width:90%;height:490px;background:#000;margin:auto;overflow:hidden;}#inner{width:80%;height:2000px;background:#f67d42;margin:auto;posi...
用html5做导航条翻转效果,H5仿app导航条切换居中效果及页面切换效果
weixin_30247915的博客
06-03 1062
仿app首页切换效果.gif首先讲一下这个页面包含的功能，分为头部banner和主体view部分，头部bannner是可以滚动并且切换居中，头部banner和主体view部分互相影响有一个联动的效果，每个主体部分还有各自的轮播图。这里主要使用了一个 swiper插件实现这个功能，功能拆分来看其实很简单，就是swiper插件的排列组合。这个我觉得大家都会想到，我做的这个自己比较满意的是头部banne...
html页面加载转圈,纯CSS实现加载转圈样式
weixin_30983965的博客
06-04 1992
不同的项目中对于等待加载时转圈圈的样式是不同的，有的是传统的转圈的gif图片，见得比较多的是将转圈圈的换成了可爱的图标。有时候项目中加入等待加载的图片会很违和，不符合美观，所以需要用CSS做一个。下面是一个纯CSS实现转圈样式的例子。Document.load-container {background-color: #F1F1EA;width: auto;height: 700px;positi...
画圆椭圆算法（Bresenham、中点）.rar
10-20
在实际编程中，可能会有一个名为“画圆椭圆算法（Bresenham、中点）”的源代码文件，其中包含了实现这两种画圆方法的函数。开发者可能需要根据给定的半径和中心坐标调用相应的函数，并使用`graphics.h`库提供的功能...
html 点击按钮 实现页面内容地的隐藏与切换
08-11
html 点击按钮 实现页面内容地的隐藏与切换； JavaScript；CSS;HTML;页面部分内容的切换；
JavaScript 仿LightBox内容显示效果
cloudgamer的专栏
09-15 569
近来要做一个LightBox的效果（也有的叫Windows关机效果），不过不用那么复杂，能显示一个内容框就行了。这个效果很久以前就做过，无非就是一个覆盖全屏的层，加一个内容显示的层。不过showbo教了我position:fixed这个新特性，决定重写一遍。先看效果：<!--var isIE = (document.all) ? true : false;var isIE
jQuery --点击不同按钮显示其相应的页面
一心不安
11-26 3381
  1. 2. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script src="jquery/jquery-3.3.1.min.j
帮我写一个html页面，页面包含一个五行两列的表单，在页面居中显示，另外还包含两个按钮，一个按钮是删除，一个按钮是修改，两个按钮位于表格的下方并排显示，两个按钮可以分别实现跳转不同的URL，并帮我对页...
weixin_42612405的博客
12-26 212
这是一个 html 页面的示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>五行两列的表单</title> <style> /* 设置页面居中 */ .container { display: fl...
html+js点击按钮在当前页面显示一个窗口
weixin_40944832的博客
01-11 1万+
用户信息 window.open 弹出新窗口的命令； 　　'page.html' 弹出窗口的文件名； 　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 　　height=100 窗口高度； 　　width=400 窗口宽度； 　　top=0 窗口距离屏幕上方的象素值； 　　left=0 窗口距离屏幕左侧的象素值； 　...
html frame实现页面内容动态切换
NameiCc
04-04 1万+
使用frameset可以进行布局，但是在使用frameset时，html文本中不能带有body标记。 要实现如下效果(只是根据左侧链接，动态改变右侧的网页内容，其余部分都不变)。 只需要在整体部分的html文本中对动态切换的frame添加name属性，并且在超链接中设置属性target 指向要改变的frame left.html内容如下 &lt;ht...
实现在html上点击一个按钮出现一张照片
热门推荐
lalalalalala_的博客
09-11 2万+
代码：(部分) function reP(){ document.getElementById('oImg').style.display = "block"; }
html切换导航不同页面,HTML按钮：导航到其他页面 - 不同的方法
weixin_34620163的博客
06-08 3367
有多种方式可以创建HTML按钮以导航到其他页面。HTML按钮：导航到其他页面 - 不同的方法方法1Click Me$('#btn_click').on('click', function() { window.location = 'http://www.google.com'; });优势：独立JS从HTML(MVC)缺点：长码，依靠JS注：jQuery选择是可选的，可以使用传统JavaScri...
html一个页面中切换多个页面_PHP在页面中原样输出HTML代码
weixin_39638859的博客
12-01 564
php中文网最新课程每日17点准时技术干货分享字符串与HTML之间的相互转换主要应用htmlentities()函数来完成。
qt中在构造函数中将QPushButton四个边的中点用小方框标注出来
最新发布
09-13
在Qt中，如果你想在构造函数中将`...如果你想要在一个实际的按钮上实现，可能需要在按钮的`paintEvent`中添加相应的绘制逻辑，并且正确处理按钮状态（如：hover、pressed等）以确保小方框与按钮的交互表现一致。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值