Javascript 将参数从网站URL传递到iframe URL
我尝试从网站URL获取参数并传递到iframe URL。网站URL如下所示:Javascript 将参数从网站URL传递到iframe URL,javascript,html,url,iframe,Javascript,Html,Url,Iframe,我尝试从网站URL获取参数并传递到iframe URL。网站URL如下所示: www.example.com/en/open-account/Redirect?linkID=demo1064&referral_id=0010962 上面的URL有2个参数(linkID和referral_id)。可能有更多参数(2-8个参数)。 iframe URL看起来像: <iframe frameborder="0" scrolling="no" class="frameboxlive" s
www.example.com/en/open-account/Redirect?linkID=demo1064&referral_id=0010962
上面的URL有2个参数(linkID和referral_id)。可能有更多参数(2-8个参数)。
iframe URL看起来像:
<iframe frameborder="0" scrolling="no" class="frameboxlive" src="https://login.example.com/demo_signupiframe=1&linkID=demo1064=&referral_id=0010962=&ref= www.example.com/en/open-account/Redirect?linkID=demo1064&referral_id=0010962&clang=en" width="700" height="800" align="center"></iframe>
iframe URL必须自动生成,并具有以下部分:
<iframe frameborder="0" scrolling="no" class="frameboxlive" src=""></iframe>
<script>
var mainUrl = "https://login.example.com/demo_signupiframe=1";
var urlParams = new URLSearchParams(window.location.search);
urlParams = urlParams.toString();
var ref = document.URL;
var clang = 'clang=' + document.location.pathname.split('/')[1];
var iframeUrl = mainUrl + '&' + urlParams + '&' + urlParams + '&' + ref + '&' + clang;
document.getElementsByTagName("iframe")[0].src = iframeUrl ;
</script>
var mainUrl=”https://login.example.com/demo_signupiframe=1";
var urlParams=新的URLSearchParams(window.location.search);
urlParams=urlParams.toString();
var ref=document.URL;
var clang='clang='+document.location.pathname.split('/')[1];
var iframeUrl=mainUrl+'&'+urlParams+'&'+urlParams+'&'+ref+'&'+clang;
document.getElementsByTagName(“iframe”)[0].src=iframeUrl;
您可以使用下面的代码片段从url中获取所有查询字符串,然后对其进行操作并将其传递到iframe url
如果你想用这样的方法静态地检索对象
变量linkID=getUrlVars()[“linkID”];
var reference_id=getUrlVars()[“reference_id”]
函数getUrlVars(){
var vars=[],散列;
var query_string=window.location.search;
if(查询字符串){
var hashes=query_string.slice(1).split('&');
for(var i=0;i注意:在检索之前对URL组件进行编码。我有一个类似的问题,需要从URL中提取查询字符串变量 家长: example.com?&booking=completed&bookingnumber=12345等 在iframe中:
myapp.com此代码适用于除edge之外的所有浏览器。有什么建议吗?提前谢谢。
function getUrlVars() {
var vars = [], hash;
var query_string = window.location.search;
if (query_string) {
var hashes = query_string.slice(1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars[hash[0]] = hash[1];
}
return vars;
} else {
return false;
}
}
<iframe frameborder="0" class="frameboxlive" src="" height="800"></iframe>
<script>
var mainUrl = "myapp.com"; // the-page-that-you-want-to-embed
var urlParams = new URLSearchParams(window.location.search);
urlParams = urlParams.toString();
var ref = document.URL;
var clang = 'clang=' + document.location.pathname.split('/')[1];
var iframeUrl = mainUrl + '?&' + urlParams;
document.getElementsByTagName("iframe")[0].src = iframeUrl ;
</script>
myapp.com?&booking=completed&bookingnumber=12345