Willkommen zum ersten Tutorial, das wir auf unserer Website haben werden schoolofJavaScript.com. In diesem Tutorial lernen Sie, wie Sie Ihre erste Codezeile mit JS schreiben.
Aunque quizás no lo parezca JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar Plus, es un lenguaje sumamente poderoso. Se puede utilizar en cualquier BrowserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los Plus der Welt. Además de eso, se puede usar para escribir código del lado del ServerLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en Plus usando node.js.
Wenn wir JavaScript im Browser verwenden, können wir das Erscheinungsbild der Seite und sogar ihr Verhalten ändern. In diesem Tutorial konzentrieren wir uns nur auf das Erlernen der Sprache selbst und verwenden daher nur eine Funktion, um die aufgerufenen Ergebnisse zu drucken "Console.log".
Das Etikett kennen
Vamos a empezar por lo mas importante. Seguramente te habrás preguntado anteriormente «¿Cómo voy a poder mostrar mis resultados en pantalla?» o «¿Cómo es posible enlazar mi código HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Plus con mi código JS?». Bueno, ya vas a saberlo.
In JavaScript geschriebene Programme können mit Hilfe des berühmten Tags an einer beliebigen Stelle in ein HTML-Dokument eingefügt werden .
Hier unten zeige ich Ihnen ein Beispiel dafür:
<!DOCTYPE HTML> <html> <body> <p>Antes del Script</p> <script> alert( '¡Hola, Mundo!' ); </script> <p>...Después del Script.</p> </body> </html>
Dieser Code zeigt Ihnen eine kleine Popup-Warnung (auf die wir später noch näher eingehen werden) mit dem Text «Hallo Welt!
Damit Sie die Ergebnisse dieses Codes in Ihrem Browser sehen können, müssen Sie ein Textdokument mit einer HTML-Erweiterung erstellen, diesen Code darin speichern und dann ausführen, damit Sie sehen können, wie er funktioniert.
Das Etikett enthält JavaScript-Code, der automatisch ausgeführt wird, wenn der Browser auf das Tag stößt.
Moderne Etikettenkennzeichnung
Das Etikett tiene algunos atributos que son raramente usados hoy en día, pero podemos encontrarlos en código antiguo:
Das AttributAtributo es una definición que se usa en varios campos de IT. Generalmente, un atributo se usa para describir un fichero o un campo de datos con más detalle. En la programación orientada a objetos, los atributos son una propiedad o característica que se puede asignar a un objeto (elemento). A través el uso de atributos se pueden asignar valores específicos a ciertos items. Áreas de aplicación Las tres áreas Plus type: <script type=…>
Der alte HTML4-Standard erforderte ein Skript mit einem Typ. Normalerweise war es type = »text / javascript». Der moderne HTML-Standard nimmt diesen Typ standardmäßig an. Es sind keine Attribute erforderlich.
Das Sprachattribut: Script Language =…>
Dieses Attribut sollte die Sprache des Skripts anzeigen. Im Moment ist dieses Attribut Unsinn, die Sprache ist standardmäßig JavaScript. Es besteht keine Notwendigkeit, es zu verwenden.
Comentarios antes y después de los SkripteConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde Plus.
In wirklich alten Büchern und Leitfäden kann man darin Kommentare finden , como este:
<script type="text/javascript"><!-- ...//--> </script>
Estos comentarios se suponía que ocultaban el código de un navegador antiguo que no sabía de una etiqueta <script>. Pero todos los BrowserConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet Plus nacidos en los últimos 15 años no tienen ningún problema. Lo mencionamos aquí, porque tales comentarios sirven como señal. Si ves eso en alguna parte – ese código es probablemente muy antiguo y no vale la pena investigarlo.
Externe Skripte
Wenn wir viel JavaScript-Code haben, können wir ihn in eine separate Datei einfügen.
Die Skriptdatei wird mit dem Attribut src an HTML angehängt:
<script src="carpeta/script.js"></script>
Hier ist Ordner / script.js ein absoluter Pfad zur Datei mit dem Skript (vom Site-Stamm).
Es ist auch möglich, einen relativen Pfad zur aktuellen Seite anzugeben. Zum Beispiel würde src = »script.js» eine Datei «script.js» im aktuellen Ordner bedeuten.
También podemos dar una UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo Plus completa, por ejemplo:
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
Verwenden Sie mehrere Tags, um mehrere Skripte anzuhängen:
...
Hinweis:
In der Regel werden nur die einfachsten Skripte in HTML eingefügt. Die komplexesten befinden sich in separaten Dateien.
La ventaja de un archivo separado es que el navegador lo descarga y lo almacena en su ZwischenspeicherUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y Plus.
Danach wird es von anderen Seiten, die dasselbe Skript möchten, aus dem Cache entfernt, anstatt es herunterzuladen. Daher wird die Datei nur einmal heruntergeladen.
Dies spart Verkehr und macht Seiten schneller.
Wenn src festgelegt ist, wird der Inhalt des Skripts ignoriert.
Einzeletikett no puede tener tanto el atributo src como el código dentro.
Dies wird nicht funktionieren:
<script src="archivo.js"> alert(1); // el contenido es ignorado, porque src está configurado </script>
Wir müssen wählen: oder ist es ein externo o un regular con código.
Das obige Beispiel kann in zwei Skripte unterteilt werden, damit es funktioniert:
<script src="archivo.js"></script> <script> alert(1); </script>
Allgemeine Überlegungen
- Wir können ein Tag verwenden para añadir código JavaScript a la página.
- Die Typ- und Sprachattribute sind nicht erforderlich.
- Sie können ein Skript mit in eine externe Datei einfügen .
Es gibt noch viel mehr über Browserskripte und deren Interaktion mit der Webseite zu lernen. Beachten Sie jedoch, dass dieser Teil des Tutorials der JavaScript-Sprache gewidmet ist, damit wir nicht davon abgelenkt werden. Wir werden einen Browser verwenden, um JavaScript auszuführen, was für das Online-Lesen sehr praktisch ist, aber eines von vielen ist.
Ausbildung
Erstellen Sie eine Seite mit der Meldung "Ich bin ein JavaScript-Code".
Sie können es in einer Katzentoilette oder auf Ihrer Festplatte tun, es spielt keine Rolle, stellen Sie einfach sicher, dass es funktioniert.
Lösung:
<!DOCTYPE html> <html> <body> <script> alert( "Soy un código JavaScript" ); </script> </body> </html>
Zweite Übung:
Nehmen Sie den Lösungscode aus der vorherigen Aufgabe von Zeigen Sie eine Warnung an. Modifícalo extrayendo el InhaltEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Plus del script en un archivo externo llamado alert.js, der sich im selben Ordner wie die HTML-Datei befindet.
Öffnen Sie die Seite und stellen Sie sicher, dass die Warnung ordnungsgemäß funktioniert.
Lösung:
HTML Quelltext:
<!DOCTYPE html> <html> <body> <script src="alerta.js"></script> </body> </html>
Dokument mit der Erweiterung .js
alert ("Ich bin ein JavaScript-Code");
