在iframe内通过JS获取当前iframe本身,以及操作
来源:互联网 发布:手机淘宝怎么二次追评 编辑:程序博客网 时间:2024/05/17 15:40
在iframe内通过JS获取当前iframe本身,以及操作
var fullScreen = document.getElementsByClassName("fullScreen")[0].onclick = function () {// 获取当前iframe的 src var url = location.href; var _url = url.split("/");//获取父页面的所有iframe var eles = top.document.getElementsByTagName("iframe");//循环所有iframe for (var i = 0 ; i < eles.length; i++) { var ele = eles[i]; var iframeUrl = ele.src; var _iframeUrl = iframeUrl.split("/");//获取当前页面的iframe if (_url[_url.length - 1] == _iframeUrl[_iframeUrl.length - 1]) { // 进行操作 if (ele.getAttribute("atr")) { removeEleStyle(ele) } else { addEleStyle(ele) } } } }// 进行操作function addEleStyle(ele) { ele.setAttribute("atr", "atr"); ele.style.position = "fixed"; ele.style.top = "0px"; ele.style.bottom = "0px"; ele.style.right = "0px"; ele.style.zIndex = 9999; ele.style.left = "0px"; } function removeEleStyle(ele) { ele.setAttribute("atr", ""); ele.style.position = ""; ele.style.top = "0px"; ele.style.bottom = "0px"; ele.style.right = "0px"; ele.style.zIndex = 0; ele.style.left = "0px"; }
希望对大家有帮助
阅读全文
0 0
- 在iframe内通过JS获取当前iframe本身,以及操作
- js获取IFRAME当前的URL
- js获取页面内iframe的高度
- js获取iframe内的内容
- 在当前页面获取iframe中的元素
- js操作Iframe(获取Iframe中的节点内容)
- 在页面内操作iframe元素
- js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)
- js获取iframe对象
- js 操作 iframe
- js 操作 iframe
- js 操作iframe元素
- JS操作iframe
- JS操作iframe 对象
- JS操作iframe
- js操作iframe
- JS操作iframe
- JS操作iframe
- Pixhawk之通过XML文件生成自定义MAVLink消息结构
- 第十一个实验 ADC采集实验 亲测代码可用
- Spring定时任务调定时任务
- windows下nginx的安装及使用方法入门
- 无法远程连接mysql
- 在iframe内通过JS获取当前iframe本身,以及操作
- Ubuntu 16.04 常用软件安装
- 锚链接跳转+滚动效果
- spark源码学习
- 【Scikit-Learn 中文文档】朴素贝叶斯
- 【大连】17年12月20日前,全市驾校全部安装计时培训终端!
- C/C++中substr函数的应用(简单讲解)
- 欢迎使用CSDN-markdown编辑器
- Java 内存区域和GC机制