在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";        }

希望对大家有帮助

原创粉丝点击