Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将参数从网站URL传递到iframe URL_Javascript_Html_Url_Iframe - Fatal编程技术网

Javascript 将参数从网站URL传递到iframe 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

我尝试从网站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" 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必须自动生成,并具有以下部分:

  • 主URL:
  • 来自网站URL的参数
  • 包含网站URL的参数ref
  • 最后,包含该语言的参数clang。语言在网站URL中,但不是作为参数
  • 有没有关于用Javascript实现这一点的建议?提前谢谢

    试试这个:

    <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