js的历史
由网景公司中的布兰登.艾奇设计
js的组成
ECMAScript:语法标准
BOM:操作浏览器的标准
DOM:操作html文档的标准
js的概念
脚本语言,依赖html才能运行
js的应用场景
- 表单验证:规范用户输入数据,和后台数据进行交互
- 网页特效:给页面内容加行为,让页面动起来
- 游戏开发:飞机大战、打砖块
- 物联网:zhuanlan.zhihu.com/p/45509947
js和H5的关系
广义:前端技术,HTML+CSS+HTML5+CSS3+JavaScript+前端框架+app+小程序... 侠义:html的第5个版本
H5的新增的标签,有些标签的强大之处需要js支撑
js的书写
写在html中,以一个script双标签来表现的
写法:
行内写法:在框架中使用;
内联写法:学习时候使用,在script标签中写js代码;
外联写法:在项目中使用,使用script的src属性引入外部文件;
js的注释
单行注释://;
多行注释:/* */;
js的输出方式
alert():弹窗给用户做提示;
document.write():写在body中;
confirm():询问用户是否继续操作(删除时,退出时);
prompt():让用户输入的弹窗;
console():显示在控制台(调试代码);
js的变量
概念:存储数据的容器;值是可变的,所以叫变量
定义:var 变量名;var 变量名,变量名;
赋值:变量名 = 值; = 叫赋值符,左边一定是变量,右边一定是值,作用就是将右边的值放在左边的变量中; var变量名 = 值; var变量名 = 值,变量名;
js中的数据类型
number数字类型:isNaN用来检测数据是否是数字,true不是数字,false是数字;
小数计算不精准:扩大10倍数,缩小10的倍数;数字.toFixed(位数)(结果是字符串);
string字符串类型:引号不能嵌套自己,除非转义:\;
document.write可以输出标签,一定要将标签当作字符串放在document.write中;
字符串和字符串之间使用 + 可以进行拼接,+ 左右两边只要有一个是字符串,就会拼接;
boolean布尔类型: true真;false假;
undefined未定义类型:定义了变量,但是没有赋值,值是undefined,类型也是undefined;
object对象类型:
null:空;
{};
【】;
js中的运算
算术运算:+ - * / %(求余/取模);
比较运算:> < >= <= == === != !==;
赋值运算:+= -= *= /= %=;
逻辑运算:&& || !;
自增自减:++ 让自己自增1; --让自己自减1;
特点:当自己进行自增自减的时候,符号放在前面放在后面没有区别;当符号碰到赋值、运算、输出的时候,放在前面就先自增自减,放后面就后自增自减;