点击iframe内某个按钮时替换iframe的src路径

最新推荐文章于 2023-11-01 10:55:19 发布
最新推荐文章于 2023-11-01 10:55:19 发布
阅读量868 收藏
点赞数
文章标签： html safari css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yigeboke/article/details/123278046
版权

首先在点击事件中打印这句

break是我的iframe的id

console.log(self.parent.document.getElementById("break").src);

 如果打印出来的路径是对的就对src进行赋值(建议先把路径赋值给一个变量)

let URL = "./Views/JieDao/WoDeBiaoDan/BiaoDanRenWuXiaFa/YuanMuBiao.html";
self.parent.document.getElementById("break").src = URL;

敲什么代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
点击菜单通过iframe的src改变来显示不同的页面。iframe能高度自适应，iframe滚动但是不显示滚动条
肖肖肖丽珠的博客
01-21 857
当我们不使用任何的框架来写官网，把几个不同的页面怎么能在菜单改变的时候放在一起呢？ 顶部菜单和底部的一般是不变的。变得是中间的内容，那么我们考虑一个总的页面，含有不变的元素，然后变得内容通过iframe的src改变来实现。那么需要考虑下面的两个问题： 1.怎么让iframe能高度自适应，宽度占据100%； 页面的布局是这样的 <div class="head"> <ul class="nav"> <li class="layui-nav-i...
多种改变iframe的src地址方法
04-18 486
方法一如何改变iframe的src地址 <body><input type="button" value="改变地址" onClick="parent.displayinhere.location.href='http://www.baidu.com/'"><iframe name="displayinhere" width=250px; heigh...
点击按钮button触发修改div的iframe内容 （修改iframe的src内容）
热门推荐
hello_world的博客
09-23 1万+
点击按钮button触发修改div的iframe内容 （修改iframe的src内容） 新建一个html文件，比如test.html，之后将如下内容复制进文件，然后用浏览器打开该html文件即可
th:onclick 方法 改变 iframe 的src属性
weixin_45815569的博客
10-27 415
function change(){ //回到部门管理页面 alert("llllllll"); var MyIframe = document.getElementById("iframe"); MyIframe.src="/dept/list1"; } ------------------------------------------------------------------------------ <ul id="nav_dot"...
＜iframe＞＜/iframe＞引入文件，点击按钮切换。
weixin_62601942的博客
12-15 1502
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page import="cn.microvideo.fksc.util.common.ResVerUtil" %> <% String res_path ..
点击按钮后 框架内载入不同网页内容特效.rar
07-04
标题中的“点击按钮后 框架内载入不同网页内容特效”指的是一个网页交互功能，用户通过点击特定按钮，框架（通常是指网页中的`<iframe>`元素）会加载不同的网页内容。这种效果常见于单页面应用（SPA，Single-Page ...
layer提示框添加多个按钮选择的实例
12-10
每个按钮后面都有一个匿名函数，这些函数是按钮点击时的回调函数。在这个例子中，每个回调函数都是关闭提示框，但这只是基本示例，实际应用中，你可以根据需求编写不同的处理逻辑。 总结一下，使用`layer`库创建带...
制作网页时的23个经典代码.txt
02-02
该按钮允许用户方便地查看当前页面的源代码，点击按钮后将会自动打开当前页面的源代码视图。 ### 12. ASP 获取真实 IP 地址 #### 代码： ```asp If Request.ServerVariables("HTTP_X_FORWARDED_FOR") <> "" Then ...
layer弹出层全屏及关闭方法
12-03
在示例中，文件路径为`<script src="../../js/common/layer/layer.js"></script>`，确保该文件路径正确无误，并已包含在项目中。 接下来，我们来了解如何调用layer实现全屏弹出层。全屏弹出层可以通过以下代码实现...
HTML框架标签超链接标签控件标签PPT学习教案.pptx
10-01
HTML 框架标签中还有一个重要的标签是 iframe 标签，用于在整个页面的某个部分创建一个独立的窗体，这个窗体可以显示一个独立的 html 页面，语法格式如下：<iframe src="my_frame.html">frame 和 iframe 标签可以...
js改变Iframe中Src的方法
12-09
本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> <script
html修改iframe中src,从另一个html文件更改iframe的src？
weixin_31775717的博客
06-08 987
假设所有帧都在同一个域中，可以这样做：Main Pagevar change_iframe1_src = function(new_src) {$("#iframe1").attr('src', new_src);}现在在iframe2文件中附加一个按钮的单击处理程序，它应该通过调用主页面中定义的函数来更改iframe1的src属性。示例：iFrame 2$(function() {$("butt...
点击连接切换iframe
kingwin28的博客
02-20 447
点击连接切换iframe
javascript如何动态修改iframe的src
weixin_30814319的博客
06-22 1071
为什么需要动态修改iframe的src?一般情况我们使用iframe,其中的src通常是写死的，但是有些时候我们不希望它是死的src，而是一个活的src。 示例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="...
iframe修改src无法使用浏览器缓存问题
生而为人我很抱歉
03-13 1143
iframe修改src会导致整个iframe重新加载刷新。 如果修改之前和src和修改之后的src的路径有任何的不一致，哪怕是一个项目同一个目录的不同页面，新的src的js、css不会使用原来的src的js、css缓存。 ...
修改iframe路径、iframe内元素修改iframe路径
Thea12138的博客
09-17 4583
一、修改iframe路径 html页面：/*为元素添加点击事件*/ onclick="iframechange('soft.do')" js： function iframechange(obj){     $('iframe').attr('src',obj); } 常用于：由改变iframe路径的导航菜单 左侧为导航菜单，右侧为iframe，点击左侧菜单，右侧内容直接替换。...
js - iframe更改src后，浏览器后退只能后退iframe，不能使父页面后退解决办法
lixinhua_man的博客
05-05 1477
巧用key特性，在虚拟dom的diff算法中，key有着超高的地位，如果同一类型的虚拟节点的key不相同，就会直接销毁重新挂载，而没有key区分时就会尽可能的复用打补丁（patch）。根据这个特性，只需在iframe上增加不同的key即可，本人直接使用的src。找到原因后，第一想法就是直接整个替换iframe，于是单独写了一个renderIframe的方法，每次生成一个新的iframe，然而事与愿违。此时就产生了一个奇怪的现象：点击回退按钮，iframe出现了后退，而父页面没有回退。
使用iframe嵌入页面时，src改变但是页面未刷新
最新发布
weixin_52443895的博客
11-01 3147
可能有缓存，页面没有重新加载，没有及时刷新。给iframe加key(亲测有效）值已经变化，仅仅是页面未刷新。希望记录的问题能够帮助到你！嵌入显示, 点击修改该。的内容，即页面未刷新。
动态替换iframe的src及动态改变iframe的高度
weixin_34319374的博客
10-08 1969
实现效果：点击左侧右侧内容变化，但左侧保持不变（如折叠等） 动态替换iframe的src <iframe width="100%" frameBorder="0" scrolling="no" id="replaceContent" src="${pageContext.request.contextPath }/analysis/patientAge"></iframe...
puppetter点击iframe内的第一个iframe内的按钮
03-31
以下是使用Puppeteer在第一个iframe中点击按钮的示例代码： ```javascript const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('https://example.com'); // 获取第一个iframe的句柄 const frameHandle = await page.frames()[0]; // 进入第一个iframe const innerFrameHandle = await frameHandle.contentFrame(); // 点击按钮 await innerFrameHandle.click('#button-id'); await browser.close(); })(); ``` 在上面的代码中，我们首先使用`page.frames()`获取页面上所有的iframe句柄，然后使用索引`[0]`获取第一个iframe的句柄。接下来，我们使用`frameHandle.contentFrame()`进入第一个iframe，然后使用`innerFrameHandle.click()`点击按钮。 请注意，`click()`方法的参数是要点击的元素的选择器。在这个例子中，我们使用了`#button-id`作为按钮的选择器。您需要将其替换为实际按钮的选择器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值