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(不常用)

Web前端——JavaScript(基本语法)

2.通过触发事件,调用函数:

Web前端——JavaScript(基本语法)

Web前端——JavaScript(基本语法)

3.将js写到外部js文件,引入;

Web前端——JavaScript(基本语法)

Web前端——JavaScript(基本语法)

>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

Web前端——JavaScript(基本语法)

Web前端——JavaScript(基本语法)

>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的类型转换和提取

字符串转为数字:

Web前端——JavaScript(基本语法)

数字转为字符串:

Web前端——JavaScript(基本语法)

字符串转为Boolean:

Web前端——JavaScript(基本语法)

提取字符串(从str2开头提取数据,如果开头不是数,则提取失败):

Web前端——JavaScript(基本语法)

指定16进制提取:

Web前端——JavaScript(基本语法)

提取浮点数:

Web前端——JavaScript(基本语法)

取整:

Web前端——JavaScript(基本语法)

注意:当一个变量,不赋值的时候,是未定义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  :);

Web前端——JavaScript(基本语法)

使用标签给循环起名:

Web前端——JavaScript(基本语法)

switch:

Web前端——JavaScript(基本语法)

forin之外对象点属性;forin中对象[属性]

Web前端——JavaScript(基本语法)

>JavaScript的数组方法:

Web前端——JavaScript(基本语法)

>JavaScript的Date对象:

日期对象Date代表的是服务器的时间,项目要的是服务器的时间;

js特点,写在哪,就在哪一行行的解析;

Web前端——JavaScript(基本语法)

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

Web前端——JavaScript(基本语法)

>JavaScript的函数:

内置函数:js“内置”对象的一些方法,需要时可以通过查手册;

自定义函数:常用前两种方式:

Web前端——JavaScript(基本语法)

函数的调用:

Web前端——JavaScript(基本语法)

this关键字代表当前input对象:

Web前端——JavaScript(基本语法)