iframe 从父像子穿参数(前端网备份)

最新推荐文章于 2025-09-05 17:06:50 发布

转载最新推荐文章于 2025-09-05 17:06:50 发布 · 89 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lsc-boke/p/10997263.html

文章标签：

#前端 #ViewUI

本文介绍如何使用JavaScript动态设置IFrame的src属性，实现页面间的参数传递。通过getQueryString函数解析URL中的参数，如经度、纬度和名称，确保页面正确加载并获取所需信息。

如，同域下的a.html->3.html
a.html
<iframe id="son" name="son" width="100%" height="100%"></iframe>
$("#son").attr("src","3.html?longitude="+longitude+"&latitude="+latitude+"&name="+name)
3.html
//decodeURI编码解析浏览器url，因为中文name编码不是汉字
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = decodeURI(window.location.search).substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
var latitude = getQueryString('latitude');
var longitude = getQueryString('longitude');
var name = getQueryString('name');

转载于:https://www.cnblogs.com/lsc-boke/p/10997263.html