2017-02-26 5 views

Antwort

1

Hier ist die Lösung. Reine Verwendung von JavaScript ohne jQuery.

Schritte:

  • Extract url ‚s letzten Teil.
  • Holen Sie sich das iframe Element verwendet es id
  • den aktuellen Wert von src Attribut iframe
  • Anfügen der die extrahierte letzten Teil URL der Attributwert
den aktuellen Wert von src
  • aktualisieren verketten Get

    var url = "http://example.com/12345"; 
     
    var lastPart = url.split('/').pop(); 
     
    
     
    console.log("Last part of url: " + lastPart); 
     
    
     
    var myIframe = document.getElementById('myIframe'); 
     
    var iframeSrc = myIframe.getAttribute("src"); 
     
    
     
    console.log("Initial src value: " + myIframe.getAttribute("src")); 
     
    
     
    myIframe.setAttribute("src", iframeSrc + lastPart); 
     
    
     
    console.log("src after appending: " + myIframe.getAttribute("src"));
    <iframe id="myIframe" src ="https://example.com?user="></iframe>

  • +0

    Möglicherweise möchten Sie das Hinzufügen einer ID zum iframe-Tag erwähnen. Dies ist eine Ergänzung zur ursprünglichen Implementierung des OP. Abgesehen davon ist dies sicherlich eine gute Option. –

    +0

    Was ist, wenn http://example.com/12345 aktuelle Seite (übergeordnete Seite) URL, wie Sie es bekommen. –

    +0

    Verwenden Sie 'var url = window.location.href' – vatz88

    0

    Sie können nur das Folgende hinzufügen, um alle Werte, die Sie benötigen, um das Ende der src () Beachten Sie, das ist jQuery, so kann dies nicht das, was Sie in interessiert sind):

    var value = "123456"; 
     
    $('iframe').attr('src', $('iframe').attr('src') + value); 
     
    document.write("New URL: " + $('iframe').attr('src'));
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     
    
     
    <iframe src ="http://myweb.com/demo.html?user="></iframe>