Com Incrustar Un Script En Html

Taula de continguts:

Com Incrustar Un Script En Html
Com Incrustar Un Script En Html

Vídeo: Com Incrustar Un Script En Html

Vídeo: Com Incrustar Un Script En Html
Vídeo: JavaScript для начинающих | #2 Методы вставки JavaScript в HTML 2024, Maig
Anonim

HTML és un llenguatge de marques per a pàgines web que s’encarrega de mostrar elements gràfics i textuals. També es pot utilitzar per aplicar scripts escrits en diversos llenguatges de programació. S'utilitza un element especial per inserir un script a HTML.

Com incrustar un script en html
Com incrustar un script en html

Instruccions

Pas 1

El codi es pot inserir a la pàgina tant al cos del document com a la secció. Podeu utilitzar un nombre il·limitat d’elements per afegir contingut actiu. El més important és que els scripts afegits no interfereixen en la visualització del contingut principal. Per editar el codi HTML, obriu la pàgina en qualsevol editor de text. Els administradors web solen utilitzar programes que tenen ressaltats descriptors en la seva funcionalitat: Notepad ++, Web Development Studio, HTML Reader. El fitxer requerit també es pot obrir mitjançant l’aplicació estàndard Bloc de notes del sistema operatiu Windows.

Pas 2

A la finestra de l’editor de text, introduïu el codi HTML. Per exemple, per injectar JavaScript a una pàgina, utilitzeu l'ordre següent:

Codi per executar

El codi especificat s'executarà en carregar la pàgina i s'executarà dins del descriptor. En aquest cas, el paràmetre type permet al gestor saber que el llenguatge de programació JavaScript s'utilitzarà a continuació.

Pas 3

Per tal que l’script processi un esdeveniment específic, per exemple, quan es prem un botó, s’ha d’inserir dins d’una funció. A la secció, especifiqueu el codi de script:

Funció displayDate ()

{document.getElementById ("perform"). innerHTML = Date (); }

Aquest codi JavaScript s'encarrega de mostrar l'hora actual a la pàgina, però per mostrar-lo al monitor, heu d'introduir una ordre addicional per processar el text generat durant l'operació.

Pas 4

Al cos del document mitjançant HTML, creeu un botó que s'encarregarà d'activar l'element:

Mostra l'hora

Aquest codi crea un botó de controlador de JavaScript. Després de fer-hi clic, es mostrarà el resultat de l'script.

Pas 5

Per incloure en HTML un programa de seqüències externes ubicat en un fitxer específic, heu d'executar el codi següent:

Un cop executat, s'inclourà a la pàgina l'script especificat anomenat file.js. Val la pena assenyalar que el fitxer extern no ha de contenir elements per afegir correctament.

Recomanat: