html - ¿Cómo pasar el parámetro URL a la función JavaScript y crear un elemento iframe?

CorePress2023-11-30  1

Tengo una pregunta para principiantes aquí...

Soy desarrollador de aplicaciones móviles y de escritorio, por lo que soy muy malo en HTML y HTML. JavaScript y toda la tecnología web... Tengo un caso muy simple pero no puedo resolverlo, así que por favor ayúdenme aquí

Tengo un archivo html muy simple y directo, este archivo tiene un iFrame o JavaScript (tengo ambas opciones) para una API de video chat, quiero poder pasar un parámetro con la URL, y este parámetro debería ser parte del iFrame o la llamada JavaScript

Este es el código html original:

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Chat</title>
	</head>
	<body>

      
      <iframe
        src="https://tokbox.com/embed/embed/ot-embed.js?embedId=3ce25a03-f681-478d-9e4a-d7da94fd4945&room=DEFAULT_ROOM&iframe=true"
        width="900px"
        height="1400px"
        scrolling="auto"
        allow="microphone; camera"
      ></iframe>
    

	</body>
</html>

  • Entonces, tienes una variable JavaScript que deseas inyectar en el atributo src de tu <iframe> elemento, ¿es correcto? - Emiel Zuurbier 7 de junio de 2020 a las 10:05


------------------------

html

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="https://stackoverflow.com/questions/62243474/script.js"></script>
        <title>Chat</title>
    </head>
    <body>

    </body>
</html>

script.js

var iFrameElement = document.createElement('iframe');

// this will grab the url and split by # assuming you're passing the intended url after #
// if the intended url is already in the address bar, simply use 
// window.location.href
var url = window.location.href.split('#')[1]


// create the iframe element
iFrameElement.src =
  url;
iFrameElement.width = "900px"
iFrameElement.height = "1400px"
iFrameElement.scrolling="auto"
iFrameElement.allow="microphone; camera"


// create a new div to append the iframe to
var newDiv = document.createElement('div')
newDiv.appendChild(iFrameElement)


// append the div to body
document.body.appendChild(newDiv)

Espero que esto ayude

4
  • Gracias por la ayuda... sigo recibiendo un error KaK KaK 7 de junio de 2020 a las 14:05
  • Hola hombre, gracias por la ayuda... todavía tengo un error en la línea de código ht elast app.js:24 Uncaught TypeError: No se puede leer la propiedad 'appendChild' de nulo en app.js:24 KaK KaK 7 de junio de 2020 a las 14:07
  • ¿puedes compartir tus archivos html y js? súbelos a jsfiddle.net y haz clic en guardar y pega el enlace en el comentario y les echaré un vistazo - Neeraj Lagwankar 7 de junio de 2020 a las 14:23
  • Parece que estaba haciendo algo mal... cuando copié y pegué correctamente... funcionó... gracias hombre... realmente lo aprecio KaK KaK Jun 7, 2020 a las 22:08
Su guía para un futuro mejor - libreflare
Su guía para un futuro mejor - libreflare