iframe js获取父级元素信息，设置css样式 和绑定事件

最新推荐文章于 2022-07-29 17:14:07 发布
最新推荐文章于 2022-07-29 17:14:07 发布
阅读量2.1k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011474272/article/details/77976813
版权


获取iframe 父级id 为objid的内容。

$('#objid',window.parent.document).val("");


初始化为iframe 父级 id为cancel1绑定事件

$('#cancel1',window.parent.document).bind('click', function(){

});

设置iframe 父级class为.cover-panel-iframe 设置css样式

$('.cover-panel-iframe',window.parent.document).css('filter', 'alpha(opacity=(60))');


油桃大丸子
关注
js单选多选点击给父级元素增加样式
it_xin_shou的博客
08-27 964
单选和多选给父级元素增加背景 <div class="weui_cells weui_cells_radio"> <!-- <label class="weui_cell weui_check_label" for="1" > <div class="weui_cell_bd weui_cell_primary"> <p><span class="testNumber
iframe获取父级标签及控制父级样式
weixin_45932157的博客
09-06 1267
3.设置iframe 父级id为.mask 设置css样式。1.获取iframe 的父级id 为mask的内容。2.控制iframe 父级 id为mask绑定事件。
js 获取节点的父节点并且设置style
leo_zexin的博客
03-15 1685
document.getElementById("page").parentNode.id="noShow"; document.getElementById("page").parentNode.style="height: 0px";
[html] iframe可以使用父页面中的资源吗（如：css、js等）？
歌谣的博客
04-13 933
[html] iframe可以使用父页面中的资源吗（如：css、js等）？ iframe 属于一个单独的文档不能直接使用父页面的资源，css的层叠不会影响iframe iframe如果和父页面同域则可以在iframe中使用parent对象来使用父页的js对象 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
JavaScript：获取父节点 CSS样式 DOM节点 (类型、名称、节点值) 兄弟节点 子节点 设置和修改CSS样式
21号先锋者
02-02 4219
@{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;GainNode&lt;/title&gt; &amp
JavaScript操作属性节点的方法、JS获取和设置CSS样式的方法
祥哥的说
12-10 4542
JavaScript操作属性节点 属性节点的特征： 1.nodeType值为11 2.parentNode值为null 3.在HTML中不包含子元素 注意：（1）尽管属性也是节点，但却不认为是DOM文档树的一部分。（2）开发人员常用getAttribute（）、setAttribute( )、removeAttribute( )等方法来操作属性。 1、设置属性值 方法： （1）cr...
html+css+js基础问答
qq_43751465的博客
08-26 5332
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
HTML5,CSS,JS前端常见知识面试题
珎珎啊
07-29 1321
前端常见面试题，前端知识总结，html,css,js,DOM
2021最新最全前端面试题（包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等）
datian45678的博客
06-22 1670
整理了一些前端面试题，希望对正在找前端工作的伙伴有用。本篇文章内容篇幅较大，主要针对初中级前端开发工程师。 篇幅过长，大家可以先点赞收藏以后慢慢看。 关于HTML 的title和alt属性有什么区别 alt：图片加载失败时，显示在网页上的替代文字 title：鼠标（手机端该属性无意义）放在图片上时显示的文字 alt是必需属性（但属性值可为空），title非必需 图片懒加载的原理 图像是img标记，浏览器根据图像的src属性请求图像，因此惰性加载的关键是当图像不在可视区域时，不给`imgs‘赋值。 懒加载
父窗口点击一个图片（或图标），用iframe链接到其他地址，并且在父级窗口全屏展示
张大晴的博客
05-16 1139
需求描述：在a.html页面，嵌入一个iframe. 在a.html中点击一个图标，让iframe全屏展示，并且iframe展示其他页面的内容知识点：注意：当窗口全屏，keyup,keydown类似事件是监听不到esc按键的，这是浏览器一个安全机制。如果不是全屏模式还是可以监听到的。全屏的操作：借鉴文档：https://blog.csdn.net/k358971707/article/detail...
关于iframe子页面修改其父页面CSS样式
追梦少年
01-21 5577
问题：首页中点击某个模块（这个模块利用iframe引入的），改变首页中某些样式？ 当点击子页面点击时候，改变父页面背景为黄颜色。 父页面HTML： 子页面HTML： 注意：父页面虽然没有用户jquery,但是也要导入jquery包
Js中盒子模型的样式获取
Ayiayi00的博客
09-07 1450
可以使用几种方法实现浏览器的兼容的编写： 还是使用in的方法好一点点，因为判断getComputedStyle的方法是否存在与window中，直接返回true或者是false，而第二种方法还要根据返回的值转化为true或者false，这比较耗费浏览器的性能。 第三种方法是判断当前的浏览器类型，根据浏览器类型来判断采取那种方法（获取浏览器信息：window.nav
js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）
zxphwz的专栏
11-05 2053
第一种情况：iframe中不存在name和id的方法：（通过contentWindow获取） var iframe = document.getElementsByTagName('iframe')[0]; var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者： var _iframe = document.g
JQuery/JS获取iframe(父、子)页面元素
咏絮
07-10 1万+
var tbl = $("#Iframe").contents().find('body table.mTable'); tbl.find('tr:eq(9) td:eq(3) input').val(comment.Name); tbl.find('tr:eq(9) td:eq(5) input').val(comment.Sex);
修改 iframe 中的 CSS 样式
热门推荐
Gleason
07-05 8万+
工作中总能遇到 引用别人的页面,就会带来很多问题,比如iframe中的样式不满足我们的需求,这就需要修改iframe中的样式, 下面我们做一个修改 iframe 中样式的 Demo: 知识点: let test = document.getElementById('引用的iframeId').contentWindow.document.getElementById('修改样...
如何将CSS应用于iframe？
asdfgh0077的博客
12-14 7061
我有一个简单的页面，其中包含一些iframe部分（以显示RSS链接）。 如何将相同的CSS格式从首页应用到iframe中显示的页面？
jquery、js调用iframe父窗口与子窗口元素的方法
winter is coming
11-13 4524
1、在父页面 获取iframe子页面的元素 （在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...） js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocu
子级iframe+获取父级localstorage
最新发布
02-27
子级iframe是指在一个网页中嵌入另一个网页，形成一个框架结构。而获取父级localstorage是指在子级iframe中访问和操作父级网页的本地存储。 要实现子级iframe获取父级localstorage，可以通过以下步骤： 1. 在父级网页中设置localstorage的值： ```javascript localStorage.setItem('key', 'value'); ``` 2. 在子级iframe中通过`window.parent`对象来访问父级网页的localstorage： ```javascript var parentLocalStorage = window.parent.localStorage; ``` 3. 然后就可以使用`parentLocalStorage`对象来获取和操作父级网页的localstorage了： ```javascript var value = parentLocalStorage.getItem('key'); console.log(value); // 输出父级localstorage中的值 ``` 需要注意的是，由于同源策略的限制，只有当父级网页和子级iframe的域名、协议和端口号完全一致时，才能进行跨域访问和操作localstorage。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值