-
Cómo hacer VAR un hipervínculo en JavaScript
-
La palabra "hipervínculo" es la más formal, plazo de formato largo para un "enlace" en una página Web. etiquetas de anclaje utilizan URL - la dirección de un documento en la Web - para crear enlaces en HTML. Estos enlaces son estáticas, sino que también pueden poner enlaces HTML juntos dentro de scripts usando JavaScript. Al establecer la dirección URL de un enlace a una variable, que le da un nombre URL reutilizable y se puede llamar dentro de 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. Ve al final 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 Escribir una línea de código JavaScript que se declara una variable y fija su valor a una dirección URL. El código JavaScript va entre los "<script>" etiquetas:
var myURL = "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 la etiqueta de anclaje, romper la cadena para que pueda colocar la primera variable en el interior del atributo "href". Romper la cadena de una variable - conocido como "concatenación" - se lleva a cabo por signos más. Desde la etiqueta de anclaje requiere comillas para "href", utilice comillas simples de todo el código HTML:
var = MyLink '<a href="' + + myURL'">' + + myURL '</a>';
En este ejemplo se llama el "myURL" variable de dos veces: una para el atributo "href" y una segunda vez por el texto del enlace.
4 Sube dentro de su código de página y busque las etiquetas en las que desee añadir o salida del enlace. Esto puede ser un div vacío, por ejemplo. Dar la etiqueta de apertura de un nombre de identificación 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 ()" 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 de "niño" en el interior, por lo que el efecto es colocar los enlaces dentro de un conjunto de etiquetas. Puesto que la variable "MyLink" contiene código HTML y JavaScript que construye el enlace, se puede colocar en el interior que "appendChild ()".
