JQuery: Wie ändere ich die URLs eines Iframe, wenn ich von http:// zu https:// komme?

Question

Ich habe eine kleine Frage. Ich möchte die Url eines IFrames ändern, wenn der Kunde sich anmeldet und das Url-Präfix https:// hat.

Vor der Anmeldung lautet die URL des Iframe also z. B. http://www.google.de/pictures/iframe.html und nachdem er sich angemeldet hat, lautet die URL des iframe https://www.google.de/pictures/iframe.html

Der Unterschied ist nur das "https".

Answer 1

Sie brauchen dazu kein JavaScript. Alles, was Sie brauchen, ist HTML:

<iframe src="//www.google.de/pictures/iframe.html" id="ifrm1">

Sehen Sie, wie ich das http: o https: Teil? Das ist ein Schema-relative URL .

Mit diesem Code kann die iframe wird verwendet http: o https: je nach dem Schema/Protokoll, das das äußere Dokument verwendet.

Answer 2

Hier ist die Lösung:

<img src="http://yourImage.com/image.gif" id="pct1" />

<script>
    $().ready(function () {
        prefix = parent.location.protocol;
        if (prefix == "http:") {
            // change to http
            $('img#pct1').attr("src", $('img#pct1').attr("src").replace("https://", "http://"));
        }
        else {
            // change to https
            $('img#pct1').attr("src", $('img#pct1').attr("src").replace("http://", "https://"));
        }
    });
</script>

Answer 3

Wenn das Bild in Ihre Website eingebettet ist, sollten Sie einen relativen Pfad zu dem Bild verwenden und die Website auf https umstellen.

Wie auch immer, Sie können die Bildquelle mit jQuery auf diese Weise ändern.

$("#yourImageTagIdOrOtherSelector").attr('src','https://www.google.de/pictures/picture1.jpg');