在iframe内通过JS获取当前iframe本身,以及操作

最新推荐文章于 2024-08-18 03:06:03 发布

weixin_38564496

最新推荐文章于 2024-08-18 03:06:03 发布

阅读量6.9k

点赞数

文章标签： iframe javascript 函数 url

本文链接：https://blog.csdn.net/weixin_38564496/article/details/78617046

版权

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