在iframe内通过JS获取当前iframe本身,以及操作_js iframe 内的 iframe-优快云博客

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