js的基本语法

141 阅读2分钟

js的历史

由网景公司中的布兰登.艾奇设计

js的组成

ECMAScript:语法标准

BOM:操作浏览器的标准

DOM:操作html文档的标准

js的概念

脚本语言,依赖html才能运行

js的应用场景

  1. 表单验证:规范用户输入数据,和后台数据进行交互
  2. 网页特效:给页面内容加行为,让页面动起来
  3. 游戏开发:飞机大战、打砖块
  4. 物联网: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;

特点:当自己进行自增自减的时候,符号放在前面放在后面没有区别;当符号碰到赋值、运算、输出的时候,放在前面就先自增自减,放后面就后自增自减;