web-dev-qa-db-fra.com

Passer des paramètres d'URL à iframe

Je voudrais récupérer les paramètres d'une page qui contient un iframe et ajouter les paramètres au src du iframe.

Exemple:

PAGE CONTENANT IFRAME -

http://www.example.com/pref.html?c=%433r3jutlut9se%23&e=test%40example.com

IFRAME DANS LA PAGE CI-DESSUS - 

<iframe id="myiframe" name="myiframe" src="prefcontent.aspx" frameborder="0"
width="100%" height="800"></iframe>

Voici l'une des nombreuses choses que j'ai essayées et qui, selon moi, fonctionneraient en théorie, mais je n'ai pas eu de chance avec:

<script language="javascript">
$(function() {

    var loc = window.location.toString(),
    params = loc.split('?')[1],
    params2 = loc.split('&')[2],
    iframe = $('#myiframe');

    console.log(params);

    iframe.src = iframe.src + '?' + params + '&' + params2;


});
</script>
javascriptjqueryhtmliframeparameters
19
Nostalgia80

si vous utilisez jQuery, vous voudrez peut-être réduire votre code:

$(function() {
    var search = window.location.search;
    $("#myiframe").attr("src", $("#myiframe").attr("src")+search);
});

Utilisez window.location.search; car il coupera la balise de hachage à la fin de l'url et est beaucoup plus rapide car il s'agit de code natif.

Ensuite, utilisez les sélecteurs jQuery pour rechercher et remplacer l'attribut de src sur l'iframe, avec son src actuel plus la recherche acquise à partir de cette page.

J'espère que cela t'aides.

14
lededje
<script language="javascript">
    var iframe = document.getElementById('myiframe');
        iframe.src = iframe.src + window.location.search;
</script>
11
adeneo