在iframe里怎么触发父框架的点击事件

在iframe里怎么触发父框架的点击事件,第1张

帖下代码?

父网页里可以用documentframes['iframeId']XXXX去调用Iframe中的方法

iframe中网页可以使用windowparentdocument调用父网页

不知道是不是你想要的东西。

在父窗口中获取iframe中的元素

1、

格式:windowframes["iframe的name值"]documentgetElementByIdx_x("iframe中控件的ID")click();

实例:windowframes["ifm"]documentgetElementByIdx_x("btnOk")click();

2、

格式:

var obj=documentgetElementByIdx_x("iframe的name")contentWindow;

var ifmObj=objdocumentgetElementByIdx_x("iframe中控件的ID");

ifmObjclick();

实例:

var obj=documentgetElementByIdx_x("ifm")contentWindow;

var ifmObj=objdocumentgetElementByIdx_x("btnOk");

ifmObjclick();

在iframe中获取父窗口的元素

格式:windowparentdocumentgetElementByIdx_x("父窗口的元素ID")click();

实例:windowparentdocumentgetElementByIdx_x("btnOk")click();

jquery

在父窗口中获取iframe中的元素

1、

格式:$("#iframe的ID")contents()find("#iframe中的控件ID")click();//jquery 方法1

实例:$("#ifm")contents()find("#btnOk")click();//jquery 方法1

2、

格式:$("#iframe中的控件ID",documentframes("frame的name")document)click();//jquery 方法2

实例:$("#btnOk",documentframes("ifm")document)click();//jquery 方法2

在iframe中获取父窗口的元素

格式:$('#父窗口中的元素ID', parentdocument)click();

实例:$('#btnOk', parentdocument)click();

父窗获取子窗口的IFrame中的JS方法

一、父窗口调用iframe子窗口方法

1、HTML语法:<iframe name="myFrame" src="childhtml"></iframe>

2、父窗口调用子窗口:myFramewindowfunctionName();

3、子窗品调用父窗口:parentfunctionName();

简单地说,也就是在子窗口中调用的变量或函数前加个parent就行

4、父窗口页面源码:

复制代码代码如下:

<html>

<head>

<script type="text/javascript">

function say() {

alert("parenthtml------>I'm at parenthtml");

}

function callChild()

{

//documentframes("myFrame")f1();

myFramewindowsay();

}

</script>

</head>

<body>

<input type=button value="调用childhtml中的函数say()" onclick="callChild()">

<iframe name="myFrame" src="childhtml"></iframe>

</body>

</html>

5、子窗口页面:

复制代码代码如下:

<html>

<head>

<script type="text/javascript">

function say()

{

alert("childhtml--->I'm at childhtml");

}

function callParent() {

parentsay();

}

</script>

</head>

<body>

<input type=button value="调用parenthtml中的say()函数" onclick="callParent()">

</body>

</html>

二、iframe 父窗口和子窗口相互的调用方法

1、IE中使用方法:

父窗口调用子窗口:iframe_IDiframe_document_objectobject_attribute = attribute_value

例子:onClick="iframe_textmyH1innerText='>

近期开发中,在布局中使用了IFrame做主页切换,大概布局就是底部一个选择卡,往上就是多个IFrame,点击选择卡切换页面。

我其中一个页面是消息列表,点击后跳转详情页,但是跳转后由于是IFrame内部处理跳转,底部选择卡不会消息。

需要在Iframe的内部点击事件监听处理的时候,不让IFrame的内部跳转,而是整个主页面跳转。

而主页面是Ifarme的父页面,可以通过windowparent直接达到效果。

1、首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置。

2、然后在前台界面的某个位置,增加一个点击事件onclick。

3、然后点击事件,总要对应的设置一个事件方法。

4、然后在方法内增加iframe的重载url,重新给src赋值。

5、最后运行html界面,点击前台的按钮,触发刷新iframe的方法,就完成了。

div所在的文档 无标题文档 function DivClick() { alert('你单击了div'); } 单击div 下面是iframehtml 无标题文档 function iFrameClick() { windowparentDivClick(); } 执行主窗口的divClick

 方法如下:

当在段落上按下鼠标按钮时执行一段 JavaScript:

<p onmousedown="mouseDown()">请点击此文本!</p>

定义和用法

onmousedown 属性在鼠标按钮在元素上按下时触发。

提示:相对于 onmousedown 事件的事件次序(限于鼠标左/中键):

onmousedown onmouseup onclick

相对于 onmousedown 事件的事件次序(限于鼠标右键):

onmousedown onmouseup oncontextmenu

注释:onmousedown 属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

以上就是关于在iframe里怎么触发父框架的点击事件全部的内容,包括:在iframe里怎么触发父框架的点击事件、js获取iframe 然后 *** 作--》点击iframe的document或body的时候,修改父窗体的样式、H5监听Iframe内部点击实现正常跳转等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9726044.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存