7-Javaweb learning -JavaScript: client-side scripting language
1. Development history:
In 1992, nombas company C-, the first client-side scripting language. Specifically for form validation. ScriptEarth later renamed
Netscape scriptlive, then find sun companies to jointly develop JavaScript
Microsoft defines plagiarism JavaScript JScript
the ECMA (European Computer Manufacturers Association) specification ECMAScript specification defines a set of client-side scripting language
JavaScript = ECMAScript specification + js own unique stuff (BOM / DOM)
2.js binding mode and html
Internal js:
Definitions
External js:
Definitions
3.ECMAScript specification
grammar:
constant:
Basic data types:
In Java:
Int: byte short int long
float: float double
boolean type: boolean
character: char
js primitive data types:
number: numeric types, comprising integer and fractional and NaN3 (Not A Number)
String: type and character string "" ''
Boolean: and to true to false
null: void type. Placeholder object is
undefined: undefined, if the value of a variable is not initialized, the default is undefined
variable:
grammar:
Using the definition of the variable var I = var "ABC";
JS is a weakly typed language: the definition of the variables required to define the data type.
typeof operator: the type of data acquisition variable
var keyword if not written, the variables are global variables
Statement:
if
switch
while
do…while
for
Operator: automatic conversion
Unary operators
++ -- +(正) -(负)
注意：在js中，如果传递给运算符的值，和 运算符想要接受的 值 的类型不匹配，则会自动类型转换
其他类型转为number
string：将字符串的字面值，转为number，如果字面值不是数字，则 转为NaN
boolean： true为1 fals 为0
Comparison Operators
* > < >= <=:
* NaN参与的运算，结果都为fasle，除了(!=)
* 字符串比较小大：如果长度一致按照字典顺序比较 长度不一致 那谁的长度长那就谁大
* !=:
* == ===(全等于):
* 全等于比较时，先比较类型，如果类型不一致，直接返回false
Logical Operators
&& || !
* 其他类型转boolean
* number：非0为true，0和NaN为false，
* string: 除了空字符串("")，其他都是true
* null 和 undefined:转为false
* 对象:所有对象都为true
Arithmetic operators:
+ - * / %
注意:NaN 参与数学运算 结果都为NaN
Assignment operator:
= += ....
Ternary operator:
表达式 ? 值1 : 值2;
Object:
js is an object-based language
-based object: an object can not be derived from virgin new object. In other words, there is no inheritance
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中的内置对象
A: String Object
-
Defined method 1: String str = new String ( "abckdddd");
Define the way 2: var str = "I love you, love you";
-
Attributes:
length: length of the string
-
method:
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();
Two: Number Object
定义方式：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);
Three: Date Object
定义方式： var myDate=new Date();
方法：
getTime() 获取从1970-01-01 00:00：00 到当前的毫秒值
toLocaleString() 将时间转化成本地格式 利于阅读
例子
var myDate=new Data();
var time=myDate.getTime();
var localTime=time.toLocaleString();
Four: Math Object
Features: The object does not need to create a direct object name-point method
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);向下取整
Six: array of objects:
定义方式： 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;
}
Seven: Global Global method of the object
Features: The method of the object call, does not require a reference object can be used directly
* 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;
