JavaScript简介
JavaScript是NetScape公司为了Navigator浏览器开发的,是显示在html文件中的一种脚本语言。
能实现网页内容交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户
通过交互的操作来改变网页的内容,来实现html语言无法实现的效果。
JavaScript的三大组成部分是:
1、ECMAScript:JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、
函数、对象(obj、[]、{}、null)、未定义),ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。DOM 通
过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节
点(getElementById、childNodes、appendChild、 innerHTML)。
2、文档对象模型(DOM):DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节
点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
3、浏览器对象模型(BOM)对浏览器窗口进行访问和操作。提供了独立于内容而与浏览器窗口进行交互的对象;
1)、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;
2)、document对象,文档对象;
3)、location对象,浏览器当前URL信息;
4)、navigator对象,浏览器本身信息;
5)、screen对象,客户端屏幕信息;
6)、history对象,浏览器访问历史信息;
JS的使用:
1.直接通过<script></script>中直接写
2.通过<script src="目标文档的URL"></script>连接引入外部的js文件
3.作为某个元素的事件属性值或者超链接的href属性
如果浏览器不支持js,可以使用<noscript><script>标签,显示noscript内容
js规则:
js严格区分大小写,忽略关键字,变量名,数字,函数名或者其他各种元素之间的空格,制表符或换行符。
可以使用缩进换行来使代码整齐,提高可读性;
<script>
alert('dgsdf')
</script>
<noscript>浏览器不支持js,请查看更换<script>
JS数据类型:JS 的数据类型有几种?
8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。
JS数据类型:Object 中包含了哪几种类型?
其中包含了Data、function、Array等。这三种是常规用的。
JS数据类型:JS的基本类型和引用类型有哪些呢?
基本类型(单类型):除Object。 String、Number、boolean、null、undefined。
引用类型:object。里面包含的 function、Array、Date。
运算符:
1.赋值运算符: =
2.算数运算符:+ - * / %
3.比较运算符:>,>=,<,<=,!=,==(值等于),===(值和类型等于),!==(值和类型不等于)
4.逻辑运算符:
&&(逻辑与):表达式前后全为true才能返回true
||(逻辑或):表达式前后只要有一个为true就返回true
!(逻辑取反):表达式为true取反就为false,表达式为false取反为true
5.一元运算符:++(自增长,每执行一次自身加1),--(自减,每执行一次,自身减一);
i++和++i的区别在于,i++种的i值先参与外部表达式的运算,完毕再自身加1;
++i先自增再赋值。
6、二元运算符:+=、-=、*=、/=、
7、三元运算符:表达式?真:加;
javascript常用事件
1、onLoad :当页面加载完毕后触发,常用于body元素
2、onUnload :当页面关闭后触发,常用于body元素
3、onBlur :当失去焦点时触发,常用于input表单元素
4、onFocus :当获得焦点时触发,常用于input表单元素
5、onClick :当点击时触发,可以用于任何元素
6、onMouseOver :当鼠标悬浮时触发
7、onMouseOut :当鼠标离开时触发
8、onMouseDown :当鼠标按下时触发
9、onMouseUp :当鼠标弹起时触发
10、onMouseMove :当鼠标移动时触发
11、onChange :当状态改变时触发,常用于select下拉选框
12、onSelect :当文本框中的文本选中时触发
13、onkeypress :当键盘按下时触发(要快于onkeydown)
14、onkeydown :当键盘按下时触发(可能捕获功能键,如上下左右)
15、onkeyup :当键盘弹起时触发
16、onSubmit :当表单提交时触发,常用于form表单元素
17、onReset :当表单重置时触发,常用于form表单元素