如何在子页面得到其所在的iframe

如何在子页面得到其所在的iframe,第1张

1、首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置。

2、然后在前台界面的某个位置,增加一个点击事件onclick。

3、然后点击事件,总要对应的设置一个事件方法。

4、然后在方法内增加iframe的重载url,重新给src赋值。

5、最后运行html界面,点击前台的按钮,触发刷新iframe的方法,就完成了。

/

    取得目标iframe src所包含的参数

    @param iframeId - 目标iframe的id

    @return Object 参数名值对,{参数名:参数值,……}

/

function getIframeParams(iframeId) {

    var regexpParam = /\([\w\d%]+)=([\w\d%])&/g; //分离参数的正则表达式

    var targetEle = documentgetElementById(iframeId);

    

    var paramMap = null;

    

    if(!!targetEle) {

        var url = targetElesrc; //取得iframe的url

        

        var ret;

        

        paramMap = {};//初始化结果集

        

        //开始循环查找url中的参数,并以键值对形式放入结果集

        while((ret = regexpParamexec(url)) != null) {

                //ret[1]是参数名,ret[2]是参数值

            paramMap[ret[1]] = ret[2];

        }

    }

    

    return paramMap; //返回结果集

}

用法:

假设iframe如下

<html>

    <head>

    </head>

    <body>

        <iframe id="test" src="urlparamA=a&paramB=b"></iframe>

    </body>

</html>//获取参数名值对集合

var paramMap = getIframeParams('test');

//paramMap的结构是这样的:{'paramA':'a', 'paramB':'b'}

alert(paramMapparamA); //取出paramA的参数值

以上就是关于如何在子页面得到其所在的iframe全部的内容,包括:如何在子页面得到其所在的iframe、js怎样获取iframe,src中的参数、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9437569.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存