Cómo hacer VAR un hipervínculo en JavaScript

La palabra "hipervínculo" es el, plazo de formato largo más formal para un "link" en una página Web. Etiquetas de anclaje utilizan URLs - la dirección de un documento en la Web - para crear vínculos en HTML. Estos enlaces son estáticas, pero también se puede poner enlaces HTML juntos dentro de scripts usando JavaScript. Al establecer la dirección URL de un enlace a una variable, le das esa URL un nombre reutilizable y puede llamar a otras partes del guión. La combinación de la variable y HTML crea el enlace, que puede añadir a cualquier par de etiquetas en la página.

Instrucciones

1

Abra la página Web en un editor para que puedas ver y editar su código. Desplázate hasta la parte inferior del código y encontrar el cierre "</ body>" etiqueta. Por encima de esa etiqueta, añadir un par de "<script>" etiquetas:

<Script type = "javascript / texto">
</ Script>
</ Body>

2

Escribe una línea de JavaScript que declara una variable y establece su valor a una URL. El código JavaScript va entre "<script>" etiquetas:

myURL var = "http://yourdomain.com/path/to/file.html";

3

Declarar una segunda variable y establezca su valor en una cadena que contiene código de etiqueta de anclaje para un enlace. Dentro del código de etiqueta de anclaje, romper la cadena para que pueda colocar la primera variable dentro del atributo "href". Romper la cadena de una variable - conocido como "concatenación" - se lleva a cabo con más signos. Desde la etiqueta de anclaje requiere comillas para "href", utilice comillas simples alrededor del código HTML:

MyLink var = '<a href="' + myURL +'">' + myURL + '</a>';

En este ejemplo se llama a la variable "myURL" dos veces: una vez para el atributo "href" y una segunda vez para el texto del enlace.

4

Desplazarse hacia arriba en su código de la página y busque las etiquetas en las que desea agregar o salida del foro. Esto puede ser un div vacío, por ejemplo. Dé la etiqueta de apertura de un nombre de ID si no tiene ya uno:

<Div id = "output_link"> </ div>

5

Vuelve a tu JavaScript y añadir esta línea:

document.getElementById ("output_link") appendChild (MyLink).;

El "document.getElementById ()" parte de este código se encuentra un "elemento" en la página, creada por las etiquetas HTML, por su nombre de identificación. La parte "appendChild" añade nuevo contenido al elemento mediante la inserción de un elemento "niño" en el interior, por lo que el efecto es colocar los enlaces dentro de un conjunto de etiquetas. Dado que el "MyLink" variable contiene código HTML y JavaScript que construye el enlace, se puede colocar en el interior que "appendChild ()."