今日学习:
JS
作用:
表单动态检验
网页特效-服务端开发
游戏开发
浏览器执行js的简介
渲染引擎
用来解析html和css,俗称内核,比如chrome浏览器的blink
js引擎
也叫做js解释器。用来读取网页中的js代码,对齐处理后运行,比如chrome浏览器的v8
js的组成
分三个部分:ecmascript(js语法)、BOM(浏览器对象模型)、DOM(页面文档模式)
ECMAscript
一般被称为Javascript(网景公司)或jscript(微软公司)
DOM
通过DOM接口可以控制页面上的各种元素的操作(位置、大小颜色等)
BOM
独立于内容,可以与浏览器窗口进行交互的对象结构。通过BOM可以操作浏览器的窗口,比如弹出框,控制浏览器的跳转、获取分辨率等
js的三种书写方式
行内式
可以将单行或者少量的JS代码写在HTML标签中,要写在事件属性中(以on开头的属性),比如onclick
注意单双引号的使用:在HTML中我们推荐使用双引号,在js中我们推荐使用单引号
可读性差
易混淆
内嵌式
可以将多行代码写到script标签中
外部引入js
创建js文件
用script src引入js文件
js注释的使用
单行注释
目的:
为了提高代码的可读性,并且不会影响js代码的执行
// 后内容可以被注释
多行注释
用/*内容*/ 快捷shift+alt+a
js的输入输出语句
alert(msg)浏览器的弹出解释框
console.log(msg)浏览器的控制台打印输出的信息;主要给程序员自己看
prompt(信息)浏览器弹出输入框,用户可以进行相观输入
js的变量
是程序员在内存中申请一块空间用来存储数据
变量的声明
1.声明变量
var age;//声明一个变量名称为age的变量
var 是js的关键字,用来声明变量。使用后计算机就会自动为变量分配内存空间,不需要我们程序员手动区内存中开辟
age 是程序员定义的变量名,我们可以通过变量名来访问内存中分配的空间。
2.变量的赋值
age=n;//给age变量赋值为n
用= 将右边内容赋值给左边的变量空间中
3.变量初始化
声明后直接赋值
同时声明多个变量
只需写一个var,多个变量名之间用英文逗号隔开
变量声明的特殊情况
只声明不赋值 会打印undefind
不声明 不赋值 会直接报错
不声明 只赋值 可直接使用,但会变成全局变量
命名规范
由首字母、数字、下划线、美元符号等组成
严格区分大小写,var app和App是两个变量
不要以数字开头
不要使用关键字:var、for、while、name等
变量名必须要有意义:MMD BBD 这些不要用,age 推荐使用的命名
变量名书写时,可以使用驼峰式命名法:英文的首字母小写,后面的单词首字母大写,比如:myFirstName
js的数据类型分类
简单数据类型
Number 数字型,包括整形和浮点型,比如21、0.21
数值进制的转换
8转10 程序里的数字前面加0
16转10 前面加0x
判断是否是一个数字
string 字符串型,比如'张三'
字符串可以是引号中的任意文本,语法为双引号或单引号引起来
为避免混淆,推荐使用单引号
引号镶嵌
外双内单,外单内双,引号都是成对出现
字符串的转义符
\n 可进行换行
\\ 在字符串中显示 \
\t 进行tab缩进(四个字符距离)
\b 进行一个空格的输出
计算字符串长度
使用.length来计算
字符串的拼接
多个字符串之间可以使用+进行拼接,字符串+任何类型=新字符串
boolean 布尔值型,true(1)、false(0)
布尔值和数值相加
undefind 未定义
undefined+字符串=字符串
underfined+数字=NaN
true+undefind=NaN
null 空
var a = mull;声明a变量为空值
获取变量的数据类型
typeof”空格“变量名
数据类型的转换
转化为字符串类型
1、变量.toString()
2、string()
3、加号拼接字符串
+‘’:加空字符串
转化为数字类型
1、转化为整型
console.log(parseint('3.99'));取整为3
console.log(parseint('100px'));取整为100,因为先看到数字才转换
console.log(parseint('wwqd'));结果为NaN
2、转化为浮点型
console.log(parseFloat('3.99'));结构为3.99
console.log(parseFloat('100px'));取整为100
console.log(parseFloat('wwqd'));结果为NaN
3.强制转换数字型
Number();
4、隐式转换
console.log('12'-0); -可以变为数字型
转化为布尔类型
Boolean();
‘ ’
0
NaN
null
undefind
以上五种全部为false,其他布尔值都为true;
|