主页面获取iframe 的子页面方法。

最新推荐文章于 2023-06-16 11:26:41 发布
最新推荐文章于 2023-06-16 11:26:41 发布
阅读量424 收藏
点赞数
文章标签： 开发工具 golang javascript ViewUI
原文链接：http://www.cnblogs.com/275147378abc/p/5617556.html
版权

父页面parent.html

复制代码 
<html>
<head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="调用结束"; } </script> </head> <body> <input id="button" type="button" value="调用child.html中的函数say()" onclick="callChild()"/> <iframe name="myFrame" src="child.html"></iframe> </body> </html>
复制代码

子页面child.html

复制代码 
<html>
<head> <script type="text/javascript"> function say(){ alert("child.html"); } function callParent(){ parent.say(); parent.window.document.getElementById("button").value="调用结束"; } </script> </head> <body> <input id="button" type="button" value="调用parent.html中的say()函数" onclick="callParent()"/> </body> </html>

 

js获取路径中的文件名

   var lujing=document.getElementById("content").src;

        lujing=lujing.split("/");

      var lujing1=lujing[lujing.length-1];  

 

转载于:https://www.cnblogs.com/275147378abc/p/5617556.html

weixin_30443895
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
调用iframe子页面中的函数
robin912的专栏
08-22 4504
调用iframe子页面中的函数 parent.html child.html 问题 参考 调用iframe子页面中的函数 parent.html 在父页面中，可以通过document.getElementById(id).contentWindow访问子页面，有的浏览器支持document.frames[id], 还可以直接使用name="myIFrame"中的myIFra...
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 7862
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
Jquery方式获取iframe页面中的 Dom元素
10-25
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
iframe中获取父/子页面方法
qq_35941755的博客
05-10 353
一：在iframe子页面获取父页面元素1. JQ:  parent.$();$(document).ready(function(){    var father =parent.$("#menu_list");      alert(father.text());    father.find('.current a').css('color','red');});2. JS：var fathe...
iframe 嵌套 获取子页面元素
qq_37299479的博客
05-21 2902
1.iframe 嵌套 父页面获取子页面元素 $("#testIframe").contents().find("#changeBtn") 注意：需要放在$(function(){})函数中，否则获取不到 父页面获取孙子页面元素 $("#testIframe").contents().find("#childIframe").contents().find(".getInfo") 注意：需要放在$(function(){})函数中，而且需要加时间函数（个人认为只有加了时间函数，子页面才能渲.
iframe如何从子页面获取
enthan809882的博客
11-03 1302
jquery代码： <script> var myIframe=$('#myIframe',parent.document); // 这是main页面，获取布局页面的myIframe $('#li1', parent.document).bind('click',function(){ // 点击左侧菜单树的li标签，控制myIframe的src var myIframe=m...
主页面与iframe的互相访问
互联网－从零开始
02-10 2220
iframe设置一个id为iframe1。 1，iframe要执行父页面的javascript函数，则在iframe中执行如下代码： window.parent.func(); 这里func()为父页面的一个javascript函数，执行这个函数时的上下文环境为父页面。 2，iframe要获取父页面的页面元素，则在iframe中执行如下代码： window.parent.document
iframe父页面获取子页面参数的方法
12-10
标题和描述所提及的是一个具体示例，展示了如何从父页面获取`iframe`子页面中特定输入元素的值，这里我们将深入探讨这个过程以及相关的知识点。 首先，让我们了解`iframe`的基本概念。`iframe`（Inline Frame）是...
嵌入式iframe子页面与父页面js通信的方法
10-24
在网页开发中，有时我们需要在嵌入的iframe子页面与包含它的父页面之间进行JavaScript通信。这通常是出于功能集成或者数据交互的需求。本篇文章将详细阐述如何在同域和跨域的情况下实现这样的通信。 首先，我们来看...
iframe父页面与子页面通信及相互调用方法
09-13
- **父页面（Parent Page）**：包含`iframe`的页面，是主页面或者外层页面。 - **子页面（Child Page）**：在`iframe`中显示的页面，是内嵌页面或被嵌入的页面。 2. **同源策略（Same-Origin Policy）** 为了...
js将iframe中控件的值传到主页面控件中的实现方法
10-27
4. **iframe页面中JavaScript的使用**：嵌入页面通过定义一个按钮点击事件函数OnTest()，获取本页面中一个input元素的值，并通过parent关键字调用主页面的GetData函数。这说明iframe页面中的JavaScript代码能够访问...
记录iframe获取父、子窗口的元素和方法
Hiqingtian的博客
05-16 500
子页面获取父页面的id=care的子页面parent.care.location.reload();父页面获取id=imp的子页面imp.location.reload();1. jquery在iframe子页面获取父页面元素和方法代码如下:parent.$("selector");parent.method(); 2. jquery在父页面获取iframe子页面的元素和方法代码如下:iframe...
iframe父页面调用子页面方法，并且获取数据（无跨域）
最新发布
weixin_48195664的博客
06-16 2647
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
JQ/JS 父页面获取iframe子窗口的元素
cksdbb的博客
09-01 1万+
无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。 方法1：原生JS进行父页面获取iframe子窗口的元素 document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id') window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID') .
js怎么获取嵌套页面html父id,iframe中如何获取子级和父级元素方法总结
weixin_39756445的博客
06-04 1594
iframe在开发中多多少少会用到，尤其是在开发系统时，但是这会让我们前端面临一个问题，那就是如果iframe嵌套过多了就会导致元素获取不到，或者是不好获取，那么，iframe中如何获取子级和父级元素呢？今天我把我们常用的方法做了一个总结，方便日后查看学习，也为后来的小伙伴提供参考。推荐阅读《 iframe的初步认识》《iframe安全性探索》《iframe自适应之广告设计》JS获取父级获取子级元...
html父页面中获取iframe中子页面属性方法
qq_35048277的博客
04-19 3152
document.getElementById('iframe的id').contentWindow.属性/方法;
父窗口获取iframe子页面的title
热门推荐
凡夫俗子
11-27 1万+
1.JS实现父窗口获取iframe的title var mainFrame=document.getElementById('main-frame'); mainFrame.contentWindow.document.title;//iframe中子页面的title 2.jquery实现父窗口获取iframe的title var $mainFrame=$(
主页面触发iframe页面按钮
05-13
当主页面触发iframe页面按钮时，实际上是在iframe页面中触发了按钮事件。因此，需要在主页面中获取到iframe页面中对应按钮的引用，再通过JavaScript代码触发按钮的点击事件。 具体实现方式如下：首先，在主页面中获取到iframe页面的引用，可以使用以下代码： var iframe = document.getElementById("myFrame"); 其中，"myFrame"是iframe标签的id属性值，需要根据实际情况进行修改。 接着，在主页面中获取到iframe页面中的按钮引用，可以使用以下代码： var button = iframe.contentWindow.document.getElementById("myButton"); 其中，"myButton"是iframe页面中按钮的id属性值，同样需要根据实际情况进行修改。 最后，通过JavaScript代码触发按钮的点击事件，可以使用以下代码： button.click(); 该代码将会模拟用户点击按钮的操作，触发按钮的onclick事件，实现主页面触发iframe页面按钮的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值