简介
JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言,是用来控制网页行为,实现页面的交互效果。
JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
组成:
ECMAScript:规定了JS基础语法核心知识,包括变量、数据类型、流程控制、函数、对象等。
BOM:浏览器对象模型,用于操作浏览器本身,如∶页面弹窗、地址栏操作、关闭窗口等。
DON:文档对象模型,用于操作HTML文档,如:改变标签内的内容、改变标签内字体样式等。
JS引入方式
·内部脚本:将JS代码定义在HTML页面中
JavaScript代码必须位于<script></script>标签之间
在HTML文档中可以在任意位置,放置任意数量的<script>标签
一般会把脚本置于<body>元素的底部,可以改善显示速度
·外部脚本:将JS代码定义在外部 JS文件中,然后引入到HTML页面中
<script src=js\js_test.js"></script>
基本语法
变量&常量
JS中用 let 关键字来声明变量(弱类型语言,变量可以存放不同类型的值)。
变量名需要遵循一下规则:
·只能用 字母、数字、下划线(_)、美元符号组成,且不能数字开头
·变量名严格区分大小写,如name和Name是不同的变量
·不能使用关键字,如:let、var、if、for等
用户const关键字来声明常量。一旦声明值就不能改变
输出语句
数据类型:
使用typeof 变量 可以得到变量名
模板字符串
函数
介绍:函数是被设计用来执行特定任务的代码块,方便程序的封装复用。
定义:javascript函数通过function关键字进行定义,语法为:
调用:函数名称(实际参数列表)
匿名函数
匿名函数是指一种没有名称的函数,可以通过两种方式定义:函数表达式 和箭头函数。
一
二
可以通过变量名直接调用
自定义对象
格式
调用
json
概念:JavaScript Object Notation,JavaScript对象标记法(JS对象标记法书写的文本)
由于其语法简单,层次结构鲜明,现在用于作为数据载体,在网络中进行数据传输
通过JSON里面的函数将对象和json之间互相转换
DOM
例如
作用
获取dom对象并对其进行操作
用document.querSelector(‘选择器’)获取特定的dom
用document.querSelectorAll(‘选择器’)获取所有的dom
<script>let dom = document.querySelector('#p1');dom.innerHTML = '我在这';let doms = document.querySelectorAll('p');doms[0].innerHTML = '我在这';</script>
事件监听
事件:HTML事件是发生在HTML元素上的"事情"。
比如:·
按钮被点击
鼠标移动到元素上·
按下键盘按键
事件监听: JavaScript可以在事件触发时,就立即调用一个函数做出响应,也称为事件绑定或注册事件。
语法:事件源.addEvenListener('事件类型',需要触发执行的函数);