Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introducción JavaScript uso JavaScript exportación JavaScript gramática JavaScript declaraciones JavaScript nota JavaScript variable JavaScript Tipos de datos JavaScript objetos JavaScript función JavaScript alcance JavaScript evento JavaScript cadena JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversión JavaScript Las expresiones regulares JavaScript error JavaScript depuración JavaScript variable de elevación JavaScript Modo estricto JavaScript El uso inapropiado JavaScript autenticación de formularios JavaScript Palabras clave reservadas JavaScript JSON JavaScript void JavaScript Especificación código

JS función

JavaScript definición de la función JavaScript Argumentos de función JavaScript llamada a la función JavaScript Los cierres

JS HTML DOM

DOM breve introducción DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript música pop JavaScript Evento cronometrado JavaScript Cookies

JS almacén

JavaScript almacén JavaScript prueba jQuery JavaScript prueba Prototype

JS Ejemplos

JavaScript Ejemplos JavaScript instancia de objeto JavaScript instancia de objeto del navegador JavaScript HTML DOM Ejemplos JavaScript resumen

JS Manual de referencia

JavaScript objetos HTML DOM objetos

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>.