Esta semana aprendí la base de sintaxis de 3 partes del cliente, XHTML, CSS y JavaScript. Primero: sobre los atributos XHTML (etiquetas) - 1. Propiedades de formulario <Form Action = "Form Handler URL" Method = "Gei/Post"> 2. <id = "" name = ""> Estos dos atributos son los números de identificación únicos y las diferencias de la vida de la forma. > in. 3. Propiedades de control <Poning>, <Select> y <Cection>, <ExteAea>; <put> es un control diferente de la definición de atributos de tipo. Utilizado para diferentes controles de acuerdo con diferentes necesidades. <select> y <opción> se usan juntos como menús desplegables de control. Formato básico: <select name = "" id = ""> <opción valor = ""> xx </opción> </select> <ExteAea> se usa para crear un cuadro de texto de múltiples líneas. 4. Atributos de definición de uso común: Defina el estilo de fuentes de la página de Font; > Línea vacía y nbps; un espacio Segundo: página de control CSS 1. Reglas de estilo: en el diseño usando el estilo CSS, el formato básico es el siguiente Selector{ Atributo 1: Valor 1; Atributo 2: valor 2; ..... } Y agregar <style type = "text/css"> to <head> </head> para llamar a las funciones relacionadas con CSS 2. Selector: selector de elementos, selector de clases, selector de identificación, que contiene selector, selector salvaje, pseudo-clase y selector de pseudo-elemento. (Consulte el libro 54-56) 3. Posición de la regla de estilo: Hay 3 formas en total: divulgación, en línea e integrada. Al alcance es crear un archivo .css en el mismo archivo que el archivo de página generado, y luego escribir el código de atributo de trabajo en forma de texto en .css. Y en el archivo de página, use <link rel = "stylesheet" type = "text/css" ref = "url of stylesheet"> Para llamar, este método es adecuado para que varias páginas usen el mismo estilo. Incrustación es el atributo CSS comúnmente utilizado, es decir, agregar <style tipo = "text/css"> a <head> </thead>, y usar Selector{ Atributo 1: Valor 1; Atributo 2: valor 2; ..... } Esta forma se usa. En línea significa usar el atributo de estilo después del elemento para marcar el estilo cuando se muestra. Básicamente, la mayoría de las etiquetas HTML tienen atributos de estilo. 4.CSS Box Molde y superposición (1) Margen: Margen borde: acolchado fronterizo: espaciado fronterizo (ver libro 53 para más detalles) (2) Unidad de atributo CSS: (ver Introducción detallada en las páginas 57-65 del libro) (3) Diseño de la página Div-CSS: Este es el punto, no solo el atributo <able> puede diseñar toda la página, sino que el <div> comúnmente utilizado es más conveniente y conciso. Tercero: la base de sintaxis y el avance de JavaScript Solo hay 3 puntos al maestro: 1. <script type = "text/javaScript"> Esto es lo mismo que llamar al atributo CSS. Document.Write ("Hello") es equivalente al significado de C Language Printf, y también puede ser reemplazado por alerta. 2. Manejo de eventos: Hay 4 puntos de conocimiento en este punto, que son bastante. 3. Sintaxis avanzada: es decir, seleccione una clase similar al tipo de datos, bucle, orden y selección en el lenguaje C. Solo hay algunas diferencias: (1) Defina el tipo de datos sin una definición explícita, solo use var. (2) Los diferentes tipos de cálculos de datos no son tan claros como el lenguaje C. (3) Operador de cadena agregado. 4. Llamada de función: esto también es similar al lenguaje C. <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd "> </body> Esta pregunta se suma utilizando llamadas de funciones, y todos deberían poder entender - - Nuestra tarea. Ok, este es mi resumen esta semana.
<html xmlns = " http://www.w3.org/1999/xhtml " xml: lang = "en" lang = "en">
<Evista>
<title> JavaScript Sum </title>
<script type = "text/javaScript">
función sum1 (m) {
var i, n = 1;
para (i = 1; i <= m; i ++) {
n = 1/i*n;
}
regresar n;
}
función suma (n) {
var i, s = 0;
para (i = 1; i <= n; i ++) {
s = s+sum1 (i);
}
alerta (s);
}
</script>
</ablo)
<Body>
<Form Action = "#" Method = "Get">
1+1/2! +1/3! +1/4! ...... 1/10! =
<input type = "Botton" Value = "Sum" OnClick = "Sum (10);"
</form>
</html>