Uso de JavaScript

HTML en la secuencia de comandos debe estar situado entre las etiquetas <script> y </ script> etiqueta.

El texto puede ser colocado en la página HTML <body> y la sección <head>.


etiqueta <script>

Para insertar JavaScript en la página HTML, utilice la etiqueta <script>.

<Script> y </ script> JavaScript dice dónde comienzan y terminan.

Línea de código <script> y </ script> contiene entre JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Usted no entiende el código de seguridad. Sólo entiende que el navegador va a interpretar y ejecutar código JavaScript se encuentra en <script> y </ script> entre

lámpara Ejemplos de esos viejos pueden usar type = "text / javascript" en la etiqueta <script>. Ahora usted no tiene que hacerlo. JavaScript es todos los navegadores modernos y HTML5 lenguaje de scripts por defecto.


<Body> en JavaScript

En este ejemplo, JavaScript en la página HTML se carga cuando el <body> escribir texto:

Ejemplos

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

Trate »


funciones y eventos de JavaScript

sentencias de JavaScript en el ejemplo anterior, se ejecuta cuando se carga la página.

En general, tenemos que ejecutar código cuando se produce un evento, por ejemplo, cuando el usuario hace clic en el botón.

Si ponemos el código JavaScript en la función, puede llamar a la función cuando se produce el evento.

Usted aprenderá más sobre el conocimiento de las funciones y los eventos de JavaScript en capítulos posteriores.


En la sección <head> o <body> de JavaScript

Puede colocar un número ilimitado de secuencias de comandos en un documento HTML.

HTML script se encuentra en el <body> o sección <head>, o existe en dos secciones.

La práctica habitual es funcionar en la sección <head>, o en la parte inferior de la página. De modo que puedan ser colocados en el mismo lugar para que no interfiera con el contenido de la página.


funciones <head> JavaScript

En este caso, tenemos una función de JavaScript colocado en páginas HTML sección <head>.

Esta función se llama cuando se hace clic en el botón:

Ejemplos

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


Trate »


funciones <body> JavaScript

En este caso, tenemos una función de JavaScript colocado en el <body> página HTML.

Esta función se llama cuando se hace clic en el botón:

Ejemplos

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


Trate »


JavaScript externa

También puede guardar la secuencia de comandos en un archivo externo. Los archivos externos suelen contener código para ser utilizado por varias páginas.

extensión de archivo es Js externos archivo JavaScript.

Para utilizar un archivo externo, establecer el archivo .js en la etiqueta <script> es atributo "src":

Ejemplos

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Trate »

Puede colocar la secuencia de comandos en el <head> o <body> en los resultados reales de funcionamiento y escribir el guión exactamente la misma etiqueta <script>.

MyScript.js código de archivo es la siguiente:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
lámpara script externo no puede contener la etiqueta <script>.