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对象：

Web前端——JavaScript（基本语法）相关推荐

Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
Web前端JavaScript笔记（4）节点
如何获取元素节点的属性: 在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统还提供了三个方法访问元素的属性: 1. setAttribute: 2. getAt ...
web前端JavaScript嵌入百度地图API的方法最详细
web前端JavaScript嵌入百度地图API最详细的方法一.申请成为百度开发者,获得使用地图API接口的权限,获取(AK)码. 二.实现首图效果(可以参考开发者指南) 1. 根据Hello Wo ...
Web前端Javascript笔记（6）正则表达式
在web前端中,假设用户需要提交表单,在表单提交到服务器进一步处理之前,Javascript程序会检查表单,以确认用户输入的信息是符合规范要求的.这些工作可以使用正则表达式完成,正则表达式是一个描述字 ...
Web前端 Javascript笔记（1）数组
结构 :html构建样式:css控制行为:JavaScript实现什么是JavaScript? JavaScript是一种跨平台的脚本语言,平台,即运行环境,一般指操作系统. --------- ...
web前端JavaScript程序员必学技术指南
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...
Web前端——JavaScript 的基础总结
一.介绍 JavaScript是最流行的脚本语言,它存在于所有的 web 浏览器中脚本语言是一种解释型语言,由解释器来运行,用来控制软件应用程序,脚本通常以文本保存,在被调用时进行解释 JavaSc ...
Web前端之CSS语法与选择器
目录一.CSS简介层叠样式表 1.内联样式(行内样式) 2.内部样式表 3.外部样式表二.CSS基本语法注释 css中的注释我们对比下其他几种前端语言的注释 html中的注释 JS(Java ...

Web前端——JavaScript（基本语法）

Web前端——JavaScript（基本语法）相关推荐

最新文章

热门文章