最近在开发登入窗口中运用到
iframe
,其中遇到一些小问题拿出来分享一下。
问题:用jquery的$('parent.document').find('#id')来取
父
框架的元素,取出来的DOM元素也是正确的,在
控制
台打印出来了,但调用click()
方法
就是
触发
不了绑定的函数
1.
父
页面
有一个打开注册事件:
$('#regis').click(function(){
$('
iframe
').contents().find('items').click();
操作对
iframe
无效,因为是此时的items是jquery 对象,对于它没有click
方法
,将它转成dom对象就可以操作了,具体
方法
是
$('
iframe
').contents().find('items')[0].click();
1.
父
页面
有一个input框和一个div,初始值都为0
2.
子
页面
有两个button,add与reduce
3.点击后分别使
父
页面
input框和div内的值+1与-1
页面
效果如下
父
页面
html代码
<div>I'm Parent</div>
<input id="displayInput" type="t
<body>
<
iframe
id="ifrmReport" src="/ReportForm/ZKZProblemSummaryPartial" name="ifrmReport" scrolling="no" frameborder="0"></
iframe
>
</body
父
页面
:a.vue 中,嵌入了
iframe
标签,src为
子
页面
路径:
二、假设
子
页面
是 b.vue 那么在
子
页面
中,想要调用
父
页面
中的 homePageCallBack
方法
,如果你是前端开发者,
子
调
父
的
方法
一般会尝试:
1、window.parent.homePageCallBack();2、this.$parent.homePageCallBack();等等实际上,你也是因为上面的方式,无法调用成功,才来搜的,哈哈哈哈~1、首先在
父
页面
a.vue 中的mounted中加入如下代码:
LVS_TREEVIEW 以树型的方式来显示列表项
LVS_UPNOTIFY 指定鼠标点击操作的响应方式,默认情况下,如果没有指定 LVS_UPNOTIFY 风 格,列表型控件将在鼠标按下时发出通知消息;如果指定了该风格,控件将在鼠标抬起时发出通知消息
typedef struct _LVCOLUMN
int nC...
当主
页面
触发
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
页面
按钮的效果。