Web前端——JavaScript(基本语法)
>JavaScript概述
- JavaScript是属于网络的脚本语言;
- JavaScript被写在HTML里,被浏览器解析(按顺序逐行解析)执行,跟HTML的书写顺序有关;
- JavaScript与的语法和语句与Java相似,但两个语言没有实际关系;
- JavaScript在不同的浏览器上有不同的兼容;
- JavaScript是一个弱数据类型的语言,语法有时不那么严格;
- JavaScript提供了很多“内置”的对象和方法,比如Math/Date/String;
>JavaScript学习步骤:
1.ecma基本语法;
2.dom文档对象模型(获取/操作html元素);
3.bom浏览器对象模型(操作浏览器的相关属性和方法);
>JavaScript 的作用:
JavaScript 可以用来操作HTML的对象,改变HTML对象的属性,增加数据验证;
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用;
Jquery是js的一个函数库,是js的封装;
>JavaScript的嵌入方式
1.行内使用js(不常用)
2.通过触发事件,调用函数:
3.将js写到外部js文件,引入;
>JavaScript的数据类型
通过var进行赋值,为具有动态数据类型的变量,只有赋值之后,才能确定具体的数据类型。
变量命名与java一致。
js数据类型:字符串,数字,布尔,数组,对象,NULL(存在,空值),Undefine。
例如数组初始化:
var cars=new Array("Audi","Bmw","Volvo");
或者var cars=new Array(); cars[0]="Audi"; cars[2]="Bmw"; cars[0]="Volvo";
var cars=["Audi","Bmw","Volvo"];
>json
>JavaScript的运算符
算术运算符:
运算符 | 描述 | 例子 | 结果 |
---|---|---|---|
+ | 加 | x=y+2 | x=7 |
- | 减 | x=y-2 | x=3 |
* | 乘 | x=y*2 | x=10 |
/ | 除 | x=y/2 | x=2.5 |
% | 求余数 (保留整数) | x=y%2 | x=1 |
++ | 累加 | x=++y | x=6 |
-- | 递减 | x=--y | x=4 |
赋值运算符:
运算符 | 例子 | 等价于 | 结果 |
---|---|---|---|
= | x=y | x=5 | |
+= | x+=y | x=x+y | x=15 |
-= | x-=y | x=x-y | x=5 |
*= | x*=y | x=x*y | x=50 |
/= | x/=y | x=x/y | x=2 |
%= | x%=y | x=x%y | x=0 |
>JavaScript的类型转换和提取
字符串转为数字:
数字转为字符串:
字符串转为Boolean:
提取字符串(从str2开头提取数据,如果开头不是数,则提取失败):
指定16进制提取:
提取浮点数:
取整:
注意:当一个变量,不赋值的时候,是未定义Undefine类型;
>JavaScript的Window 对象方法
方法 | 描述 |
---|---|
alert() | 显示带有一段消息和一个确认按钮的警告框。 |
prompt() | 显示可提示用户输入的对话框。 |
>alert()方法 警示框;
>prompt() 方法用于显示可提示用户进行输入的对话框。
prompt(text,defaultText);
参数 | 描述 |
---|---|
text | 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。 |
defaultText | 可选。默认的输入文本。 |
>JavaScript的Math 对象方法
Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
方法举例:
random() | 返回 0 ~ 1 之间的随机数。 |
>JavaScript的控制语句
控制语句和Java一样,只有for in不一样(Java里的增强for循环是:for :);
使用标签给循环起名:
switch:
forin之外对象点属性;forin中对象[属性]
>JavaScript的数组方法:
>JavaScript的Date对象:
日期对象Date代表的是服务器的时间,项目要的是服务器的时间;
js特点,写在哪,就在哪一行行的解析;
>JavaScript的String 对象方法:
与Java区别,没有contains/equals/trim等方法;
方法 | 描述 |
---|---|
anchor() | 创建 HTML 锚。 |
big() | 用大号字体显示字符串。 |
blink() | 显示闪动字符串。 |
bold() | 使用粗体显示字符串。 |
charAt() | 返回在指定位置的字符。 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
concat() | 连接字符串。 |
fixed() | 以打字机文本显示字符串。 |
fontcolor() | 使用指定的颜色来显示字符串。 |
fontsize() | 使用指定的尺寸来显示字符串。 |
fromCharCode() | 从字符编码创建一个字符串。 |
indexOf() | 检索字符串。 |
italics() | 使用斜体显示字符串。 |
lastIndexOf() | 从后向前搜索字符串。 |
link() | 将字符串显示为链接。 |
localeCompare() | 用本地特定的顺序来比较两个字符串。 |
match() | 找到一个或多个正则表达式的匹配。 |
replace() | 替换与正则表达式匹配的子串。 |
search() | 检索与正则表达式相匹配的值。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
small() | 使用小字号来显示字符串。 |
split() | 把字符串分割为字符串数组。 |
strike() | 使用删除线来显示字符串。 |
sub() | 把字符串显示为下标。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
sup() | 把字符串显示为上标。 |
toLocaleLowerCase() | 把字符串转换为小写。 |
toLocaleUpperCase() | 把字符串转换为大写。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
toSource() | 代表对象的源代码。 |
toString() | 返回字符串。 |
valueOf() | 返回某个字符串对象的原始值。 |
>JavaScript的异常(与Java中类似,try catch,也可以自己throw)
>JavaScript的函数:
内置函数:js“内置”对象的一些方法,需要时可以通过查手册;
自定义函数:常用前两种方式:
函数的调用:
this关键字代表当前input对象: