如何在父页面内触发iframe的元素

父页面的iframe

<iframe src="{{ url_for(‘room_info.person_open_record‘, resiId =resiId) }}" style="width: 100%;" id="face_record"></iframe>

iframe页面的点击的class

<img src="{{ i.imgUrl }}" class="table_img_face"/>

js代码

$(‘#face_record‘).on(‘load‘,function(event){

$(‘#face_record‘).contents().find(‘.table_img_face‘).on(‘click‘,function(){

var img_url = $(this).attr(‘src‘)

$(‘.pop_img‘).children(‘img‘).attr(‘src‘,img_url)

$(‘.bounced‘).show();

});

});

原文地址:https://www.cnblogs.com/menxiaojin/p/12085068.html

时间: 2024-10-31 07:57:57

如何在父页面内触发iframe的元素的相关文章

在父页面和其iframe之间函数回调 父页面回调iframe里写的函数

// @shaoyang  父页面 window['mengBanLogin']={ mengBanArr : new Array(), mengBanLoginSuccess : function(){ console.log('mengbanzhixing'); if(mengBanLogin.mengBanArr.length > 0){ for(var i = mengBanLogin.mengBanArr.length-1; i >= 0; i--){ mengBanLogin.me

父页面刷新 保持iframe页面url不变

思路:点击父页面时写cookies-->刷新时从cookies中奖内容读取出来. 本文转自:http://blog.163.com/[email protected]/blog/static/114637885201282415580/ <body onbeforeunload="check()"> <iframe id='fjob' name='fjob' style='width:757px;margin-top:10px; height:960px;pad

父页面操作嵌套iframe子页面的HTML标签元素

一个页面A.html使用iframe嵌套一个页面B.html,在A页面写js操作B页面HTML元素,首先要获取到B页面document对象,才能对嵌套页面进行操作 请看一个实例,在A页面写js操作B页面div的内容: A.html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="

解决父页面加载iframe时,src链接中参数值过大导致加载失败的问题

有时候我们在使用iframe时,喜欢这么写 <iframe src="*******.do?param=****" id="leftFrame" name="leftFrame" frameborder="0"></iframe> 或者是使用js加载src: var params = "?pk_id="+pk_id; var frameLeftSrc = "<%=pa

页面内嵌iframe 防止session过期

If you are trying to stop the session from timeing out all the time you can do this rather than increasing the session timeout. KeepAlive.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="KeepAlive.aspx.cs" In

父窗口jquery触发iframe按钮事件(转载)

原文地址: http://blog.csdn.net/muziduoxi/article/details/11123923 <script type="text/javascript">$(document).ready(function(e){     var iframe = document.getElementById("Box");      if (iframe.attachEvent) {          iframe.attachEve

JQuery调用iframe父页面元素与方法

JQuery操作iframe父页面与子页面的元素与方法 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 第四.

js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法

//方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在iframe中'); } 第一.在iframe中查找父页面元素的

获取页面内iframe里面的元素

结构直接看图比较直接 这里window.frames获取的是iframe的数组 要记得给iframe加个ID才行 后面的记录会详细讲解 在父窗口获取页面内的iframe 里面的元素window.frames['ifm'].contentWindow.document.getElementById('focus001').style.display="none";