JavaScript: ¿Qué es JavaScript?

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyrX424UmU3eQ_BPpZY32zdYUYad_FvZNCItYlOhYLN4KtFbUz7fBQ_z_5Z7YExVKuUzi3Cddjt1Ap2KLuv-azI3pmVtNoAYJUNTJ7vms8UQMkt8d0_rAMd8yVV5Akv7z7P1eEGkvNs/s1600/js.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyrX424UmU3eQ_BPpZY32zdYUYad_FvZNCItYlOhYLN4KtFbUz7fBQ_z_5Z7YExVKuUzi3Cddjt1Ap2KLuv-azI3pmVtNoAYJUNTJ7vms8UQMkt8d0_rAMd8yVV5Akv7z7P1eEGkvNs/s640/js.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">JavaScript extiende las capacidades de HTML.</td></tr></tbody></table>JavaScript es uno de los recursos que han llegado para extender las capacidades del lenguaje HTML, siendo una de las más accesibles y sencillas formas para conseguir este objetivo sin duda convierte a JavaScript en uno de los recursos más populares que existen hoy en día.<br />JavaScript no es un lenguaje de programación propiamente dicho como sí lo son C, C++, Delphi y otros. Lo más cercano a decir es que sea un lenguaje script u orientado a documento, como pueden ser los lenguajes de macros que tienen muchos procesadores de texto y plantillas de cálculo. No se puede desarrollar un programa con JavaScript que se ejecute fuera del navegador, aunque en estos tiempos comenzamos a sentir como se está expandiendo a otras áreas como la programación en el servidor usando el no menos famoso <i><b>Node.js</b></i>.<br /><br />JavaScript es un lenguaje interpretado que se embebe en una página web HTML, esto quiere decir pues que es a las instrucciones las analiza y procesa un navegador en el monento que deben ser ejecutadas.<br /><br />Vamos a dejar con ustedes un primer programa, el cual muestra en un documento HTML el mensaje "Hola Lectores"<br /><!--Código Highlighter--> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #7a7a7a;"><<span style="color: #016cff;">html</span>></span><br /><span style="color: #7a7a7a;"><<span style="color: #016cff;">head</span>></span><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">head</span>></span><br /><span style="color: #7a7a7a;"><<span style="color: #016cff;">body</span>></span><br /><br /><<span style="color: #016cff;">script</span> <span style="color: #963dff;">type</span>=<span style="color: #666666;">"text/javascript"</span>><br /><br /> <span style="color: #a535ae;">document</span>.<span style="color: #45ae34; font-weight: 700;">write</span>(<span style="color: #666666;">'Hola Lectores'</span>);<br /> <br /></<span style="color: #016cff;">script</span>><br /><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">body</span>></span><br /><span style="color: #7a7a7a;"></<span style="color: #016cff;">html</span>></span><br /></pre>Para realizar este ejemplo tú mismo, descargate un procesador de textos o puedes tambien usar tu bloc de notas de la siguiente manera:<br />    1. Abre tu bloc de notas (véase la figura):<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LiKVV2TghK0_bSm0F5lZXfIXIvDQK-uhS-QkltoReTPIP95M4plj-rrOJLV80ZLj9PWGb8DhRPhs6joe482Ln7wUrABYJZVjVgf8Ty1gRNLWxiTCCFJSZiJpbnPZ9Hx5G6edo6pjP-o/s1600/%255Bgickr.com%255D_3045549d-5472-ebc4-b195-4fcfff344620.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LiKVV2TghK0_bSm0F5lZXfIXIvDQK-uhS-QkltoReTPIP95M4plj-rrOJLV80ZLj9PWGb8DhRPhs6joe482Ln7wUrABYJZVjVgf8Ty1gRNLWxiTCCFJSZiJpbnPZ9Hx5G6edo6pjP-o/s640/%255Bgickr.com%255D_3045549d-5472-ebc4-b195-4fcfff344620.gif" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />    2. Coloca el código descrito anteriormente y guardalo nombrándolo como tu desees pero con terminación ".html", un ejemplo sería: index.html; todo esto de la forma como se vé en la figura.<br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gktcD5F6LGvwRQGIwFU7sMarhljuNv3uupc26trjDpVL3Icocouw0PgSXr2iOde6dCXYYuOaMZA0YdI-8KMfX_Ch3Tay3t5hCAv9N0UFJ4ebt4p8RdqrTKz-HAed_iRDEcl4sOq-ym4/s1600/picasion.com_16c3571b9ee1393b186f68dc803aed99.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gktcD5F6LGvwRQGIwFU7sMarhljuNv3uupc26trjDpVL3Icocouw0PgSXr2iOde6dCXYYuOaMZA0YdI-8KMfX_Ch3Tay3t5hCAv9N0UFJ4ebt4p8RdqrTKz-HAed_iRDEcl4sOq-ym4/s640/picasion.com_16c3571b9ee1393b186f68dc803aed99.gif" width="640" /></a></div><br />   3. Localizamos el archivo guardado y lo abrimos, haciendo click derecho sobre el ícono y seleccionando "abrir con", seleccionando luego un navegador tal como muestran las figuras:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVu0bmOCcdPkqSDVrvLJ_xCn1N17yTQDp4uG6lzldT4ZoqUCU86DjJ5_1dpP5OIcRb11Oa4R_NA1ozo9-iN5vGGdKKKugahuTMz7yGtHhtGYawQTEAfoZvwIyYz-TLhJO-lEaZ6mvuiU/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVu0bmOCcdPkqSDVrvLJ_xCn1N17yTQDp4uG6lzldT4ZoqUCU86DjJ5_1dpP5OIcRb11Oa4R_NA1ozo9-iN5vGGdKKKugahuTMz7yGtHhtGYawQTEAfoZvwIyYz-TLhJO-lEaZ6mvuiU/s640/1.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZpbH0GobWfR_GuE-yqWZKgATxBqXMqk0s_gdSl7iPhzi3ZEFLmtzW8CEVu_Fa3GhPsIyg_PLly2yiNaaWXoOQU22S0U9azrkZzy5bcaW7TJVoyN3HOCn4fYTX9oaG0px4KY55oRzY4s/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZpbH0GobWfR_GuE-yqWZKgATxBqXMqk0s_gdSl7iPhzi3ZEFLmtzW8CEVu_Fa3GhPsIyg_PLly2yiNaaWXoOQU22S0U9azrkZzy5bcaW7TJVoyN3HOCn4fYTX9oaG0px4KY55oRzY4s/s640/2.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGO8wDgwBd3VZa0VLb6HcSh11-2TEu1-0ARyw3nqv9fqMoAyUBiLO9A72vKVbmkIWqLYdp-M0fZM_pZ_s96wOQ5_rzA0n97A8LuRGHwZ9voHFcOcTNqYHOcgGnU0gzU-iSBqvlLrzXb4/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGO8wDgwBd3VZa0VLb6HcSh11-2TEu1-0ARyw3nqv9fqMoAyUBiLO9A72vKVbmkIWqLYdp-M0fZM_pZ_s96wOQ5_rzA0n97A8LuRGHwZ9voHFcOcTNqYHOcgGnU0gzU-iSBqvlLrzXb4/s640/3.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />    4. Por último tu navegador deberá quedarte así:<br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6XudIQXdifJmRGSGhTkEeFzCfjZdv6E7tDduNIayi5TKk-sOvORKtUf0GfGmdVwkaRpa5ADI3c1lhzq_rCTbD2Ec_ObUZb0_tfjT1fX-Eh37FY4U20I6aSZS6ZYaYqqkBydbG7IAGrAI/s640/122.png" width="640" /></div><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: justify;">Jeje algo básico para aquellas personas que no quieren esperar!</div></blockquote>

JavaScript: ¿Qué es JavaScript?

JavaScript extiende las capacidades de HTML. JavaScript es uno de los recursos que han llegado para extender las capacidades del lenguaje HT...

Mais informações »