
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¶mB=b"></iframe>
</body>
</html>//获取参数名值对集合
var paramMap = getIframeParams('test');
//paramMap的结构是这样的:{'paramA':'a', 'paramB':'b'}
alert(paramMapparamA); //取出paramA的参数值
以上就是关于如何在子页面得到其所在的iframe全部的内容,包括:如何在子页面得到其所在的iframe、js怎样获取iframe,src中的参数、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)