javascript - ejemplo - ¿Cómo configuro el src en un iframe con jQuery?

iframe url

Question

Mi iFrame se ve así:

<iframe id="iframe" name="iframe1" frameborder="0" src=""></iframe>

Y mi guión se ve así:

<script type="text/javascript">
$(document).ready(function() {
$(''#iframe'').attr(''src'',http://google.com);
})
</script>

También he intentado poner comillas alrededor de la url:

<script type="text/javascript">
$(document).ready(function() {
$(''#iframe'').attr(''src'',''http://google.com'');
})
</script>

Pero tampoco está funcionando.

¿Qué me estoy perdiendo?

Answer 1

No está permitido cargar www.google.com en un iFrame. Inténtalo con otra url.

Load denied by X-Frame-Options: https://www.google.com/ does not permit cross-origin framing.

Answer 2

Si observa la consola de errores del navegador, verá el problema real:

Se negó a mostrar '' https://www.google.com/ '' en un marco porque configuró ''X-Frame-Options'' en ''SAMEORIGIN''.

Google no te deja hacer eso.

Answer 3

Simplemente llame a la función con el nombre de Iframe y la URL deseada

function loadIframe(iframeName, url) {
var $iframe = $(''#'' + iframeName);
if ( $iframe.length ) {
$iframe.attr(''src'',url);
return false;
}
return true;
}

Ex:

loadIframe("iframe1","http://yahoo.com");

Answer 4

$("#iframe").attr("src","your url");

esto funcionará bien

Answer 5

<script type="text/javascript">
$(document).ready(function() {
$(''#iframe'').attr(''src'', ''http://google.com'');
})
</script>

Faltan citas en la url.