-
Cómo dar salida a una variable de JavaScript en un ancla
-
navegadores web interpretan las páginas web que están escritas en el lenguaje de marcado de hipertexto, y, cuando se utiliza junto con CSS y JavaScript, HTML es el lenguaje estándar que se utiliza para crear páginas en la World Wide Web. El término "hipertexto" se refiere a texto que contiene enlaces o "anclas" a otras páginas web y, por tanto, no limitada a un formato lineal. JavaScript es un lenguaje de programación que permite a los desarrolladores web crear secuencias de comandos que se pueden utilizar para una amplia variedad de propósitos y resultados de código de salida - - tales como variables en las etiquetas de anclaje.Instrucciones
1 Abra un editor de texto y crear un nuevo archivo con el nombre jsAnchor.html. Añadir algunas etiquetas HTML para el archivo que incluye una etiqueta abierta "<html>", una etiqueta abierta "<head>", un "</ head>" etiqueta de cierre, un "<body>" etiqueta abierta, un cierre "< / body> "etiqueta, y un cierre" etiqueta </ html> ". En conjunto, estas etiquetas forman una página web rudimentaria que se puede visualizar en un navegador Web.
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Añadir un "<script>" abierta y una etiqueta de cierre "</ script>" entre la "<body>" y "</ body>" etiquetas. Asignar el atributo "tipo" "text / javascript" a la etiqueta "<script>".
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
</ Script>
</ Body>
</ Html>
3 Declarar una variable JavaScript denominada "anchorVar" entre los "<script>" y "</ script>" etiquetas usando la palabra clave JavaScript "var". Asignar la variable el valor "http://www.usda.gov". Este valor es un ejemplo; atributo "href" del hipervínculo puede ser cualquier dirección del sitio web disponibles a nivel local o en Internet.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
var anchorVar = "http://www.usda.gov";
</ Script>
</ Body>
</ Html>
4 Utilice la opción "document.write ()" método de JavaScript para escribir la primera parte de una etiqueta de anclaje HTML ( "<a") y el atributo "href" de la etiqueta de anclaje a la página HTML. Escriba un signo igual ( "=") inmediatamente después de que el atributo "href".
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
</ Script>
</ Body>
</ Html>
5 Use un segundo "document.write ()" método para escribir la variable "anchorVar" a la página HTML. Utilice el operador de concatenación JavaScript ( "+") y un carácter de cierre "(>)" para completar la etiqueta de anclaje.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
</ Script>
</ Body>
</ Html>
6 Use un método para la producción tercer "document.write ()" el texto "Este enlace utiliza una salida variable con JavaScript" a la página HTML.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
document.write ( "Este enlace utiliza una salida variable con JavaScript");
</ Script>
</ Body>
</ Html>
7 Utilice una cuarta "document.write ()" método para escribir una etiqueta HTML hipervínculo estrecha ( "</a>") a la página HTML. Guarde y cierre jsAnchor.html.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
document.write ( "Este enlace utiliza una salida variable con JavaScript");
document.write ( "</a>");
</ Script>
</ Body>
</ Html>
8 Abrir "jsAnchor.html" en un navegador web. Haga clic en el hipervínculo y validar que el "anchorVar" JavaScript variable ( "http://www.usda.gov") se emite como parte de la etiqueta de anclaje.
Consejos y advertencias
- JavaScript tiene una función llamada String.link que añade automáticamente el texto de cadena de anclajes. La sección de referencias para obtener más información sobre la función String.link.
- El "<a>" etiqueta HTML puede ser de estilo con CSS atributos como el color, la fuente y el estilo.
- JavaScript se puede utilizar para crear marcadores dentro de los documentos. Los marcadores son enlaces internos que permiten la vinculación a la información específica dentro de un documento de hipertexto.
- El carácter de escape de JavaScript, ni la barra invertida, puede ayudar a asegurar que los navegadores web interpretan barras diagonales como se pretende.