7-Javaweb aprendizaje -JavaScript: lenguaje de script del lado del cliente
1. Historia del desarrollo:
En 1992, la empresa nombas C-, el primer lenguaje de script del lado del cliente. Específicamente para la validación de formularios. ScriptEarth más tarde renombrado
scriptlive Netscape, y luego encontrar compañías sol para desarrollar conjuntamente JavaScript
Microsoft define el plagio JavaScript JScript
la ECMA (Asociación Europea de Fabricantes de Equipo) especificación ECMAScript define un conjunto de lenguaje de script del lado del cliente
JavaScript = ECMAScript especificación + js propio material único (BOM / DOM)
2.js modo de unión y html
js internos:
definiciones
js externos:
definiciones
especificación 3.ECMAScript
sintaxis:
constante:
tipos de datos básicos:
En Java:
Int: Byte short int largo
float: flotador doble
tipo booleano: booleano
carácter: char
js tipos de datos primitivos:
número: tipos numéricos, que comprende número entero y fraccionario y NaN3 (no un número)
de cadena: tipo y la cadena de caracteres "" ''
Boolean: y a verdadero a falso
nulo: tipo void. objeto marcador de posición se
indefinido: indefinido, si el valor de una variable no se ha inicializado, no está definido el valor por defecto
Variables:
sintaxis:
Utilizando la definición de la variable var i = var "ABC";
JS es un lenguaje de tipos débiles: la definición de las variables necesarias para definir el tipo de datos.
operador typeof: el tipo de adquisición de datos variables
var palabra clave si no está escrito, las variables son variables globales
declaración:
Si
el interruptor
, mientras que
hacer ... mientras que
para
Operador: conversión automática
operadores unitarios
++ -- +(正) -(负)
注意：在js中，如果传递给运算符的值，和 运算符想要接受的 值 的类型不匹配，则会自动类型转换
其他类型转为number
string：将字符串的字面值，转为number，如果字面值不是数字，则 转为NaN
boolean： true为1 fals 为0
Los operadores de comparación
* > < >= <=:
* NaN参与的运算，结果都为fasle，除了(!=)
* 字符串比较小大：如果长度一致按照字典顺序比较 长度不一致 那谁的长度长那就谁大
* !=:
* == ===(全等于):
* 全等于比较时，先比较类型，如果类型不一致，直接返回false
Los operadores lógicos
&& || !
* 其他类型转boolean
* number：非0为true，0和NaN为false，
* string: 除了空字符串("")，其他都是true
* null 和 undefined:转为false
* 对象:所有对象都为true
Los operadores aritméticos:
+ - * / %
注意:NaN 参与数学运算 结果都为NaN
operador de asignación:
= += ....
operador ternario:
表达式 ? 值1 : 值2;
objeto:
js es un lenguaje basado en objetos
objeto basado en: un objeto no se puede derivar de nuevo objeto virgen. En otras palabras, no hay herencia
Function(*****): 代表函数
* 创建方式：
* var fun = new Function("参数列表","方法体");
* function 方法名称(形参列表){
方法体
}
* var fun = function(){
}
* 属性：
length：形参的个数
* 使用：
* 函数名称(实参列表);
* 特点：
1.函数的调用，只与函数名称有关，与实参列表无关
2.函数内部有内置对象 arguments 封装实参数组
* void运算符：拦截返回值，一般结合a标签一起使用
* 注销a标签跳转功能，保留可被点击的功能
<a href="javascript:void(0);" onclick="exit();">退出</a>
自调用函数：(function () { /* code */ } ());
JS中的内置对象
R: objeto de cadena
-
Definido método 1: String str = new String ( "abckdddd");
Definir la forma 2: var str = "Te amo, te amo";
-
atributo:
longitud: longitud de la cadena
-
métodos:
charAt() 返回在指定位置的字符。
例子：var v="abcd";
var a=v.charAt(2);
concat() 连接字符串。
例子：var v="ab"; var a="cd";
var z=v.concat(a);
indexOf() 根据字符检索此符在字符串中的索引。
例子：var v="abcde";
var z=v.indexOf("c");
lastIndexOf() 从后向前搜索字符串。
substring() 提取字符串中两个指定的索引号之间的字符。
var v="abcde";
var z=v.substring(0,3); 含头不含尾
toLowerCase() 把字符串转换为小写。
例子：
var str = "Hello World!";
document.write(str.toLocaleLowerCase());
toUpperCase() 把字符串转换为大写。
replace() 替换字符串。
例子：
var v="abceaaaa";
var z=v.replace("a","h"); 参1：被替换的字符/或字符串 参数2：替换成哪个字符/或字符串
split() 把字符串分割为字符串数组。
例子：
var v="a#b#c#d";
var z=v.split("#");
* trim():去除字符串两端的空格
例子：
var v=" abcd ";
var z=v.trim();
Dos: Número de objetos
定义方式：var num=new Number(555.6666);
var num1=Number(5694);
方法：
toString() 把数字类型转成字符串类型
例子：
var v=Number(695444);
var z=v.toString();
toPrecision() 把数字格式化为指定的长度。也就是小数后面保留几位
例子：
var v=Number(3.5999999999999);
var z=v.toPrecision(4);
Tres: Fecha de objetos
定义方式： var myDate=new Date();
方法：
getTime() 获取从1970-01-01 00:00：00 到当前的毫秒值
toLocaleString() 将时间转化成本地格式 利于阅读
例子
var myDate=new Data();
var time=myDate.getTime();
var localTime=time.toLocaleString();
Objeto Math: Cuatro
Características: El objeto no necesita crear un método de nombre de punto objeto directo
Math.random()；随机产生0----1 之间的随机数 var num=Math.random()*100;
Math.round(2.36); 对小数进行四舍五入 得到一个整数 var n=Math.round(Math.random()*100);
Math.min(15,25); 取最小值
Math.max(15,25);取最大值
Math. abs(-2) 返回数的绝对值。
Math.floor(2.6);向下取整
Math.ceil(3.82);向下取整
Seis: matriz de objetos:
定义方式： var arr=new Array(2,6,8);
var arr1=[6,"a",6];
属性： length 数组的长度
* 特点：
* 在js中数组可以存储任意类型元素
* 在js中数组的长度可变
* 方法：
concat() 连接两个或更多的数组，并返回结果。
例子：var v=[1,2]; var v2=[3,4];
var z=v.concat(v2);
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
var v=[1,2,3];
var z=v.join("-"); 给数组元素之间添加分隔符
pop() 删除并返回数组的最后一个元素
例子：
var arr = [1, 6, 20];
alert(arr.pop());
push() 向数组的末尾添加一个或更多元素，并返回新的数组长度。
例子：var arr = [1, 6, 20];
alert(arr.push(28));
reverse() 颠倒数组中元素的顺序。
sort() 对数组的元素进行排序 从小到大
* 默认排序方式：字典顺序
* 要想实现自己的比较方式，需要传入比较器方法对象
例子：var arr = [1, 6, 20, 100];
alert(arr.sort(bijiao));
function bijiao(a, b) {
if(a > b) {
return 1;
} else if(a == b) {
return 0;
} else {
return -1;
}
//return a-b;
}
Siete: Método Global Global del objeto
Características: El método de la llamada a un objeto, no requiere un objeto de referencia se puede utilizar directamente
* isNaN() 检查某个值是否是NaN。
例子：var v=NaN; var v1="abc"; var v2=123;
var b=isNaN(v);
var b1=isNaN(v1);
var b2=isNaN(v2);
* parseInt() 解析一个字符串并返回一个整数。
* 从左向右依次查找，每一位是否是数字，直到遇到不是数字为止。将前边的值转为数字
比正号强大些 var v=+“123”；
例子： var v=“152abc”
var v="123";
var z=parseInt(v)+1;
