初始javascript
什么是JavaScript?
- JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互。
- JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
- JavaScript在1995年由Brendan Eich发明,并于1997年成为ECMA标准。
- ECMAScript6(ES6)是最新的JavaScript版本(发布于2015年)。
JavaScript引入方式:
内部脚本:将js代码定义在HTML页面中
JavaScript代码必须位于<script></script标签之间
在HTML文档中,可以在任意地方,放置任意数量的<script
一般会把脚本置于<body>元素的底部,可改善显示速度

外部脚本:将js代码定义在外部js文件中,然后引入到HTML页面中
外部js文件中,只包含js代码,不包含<script>标签
<script>标签不能自闭合


定义外部脚本:

引用为外部脚本:

js的基本语法
1.区分大小写:与java一样,变量名、函数名以及其他一切东西都是区分大小写的 函数名指的是方法名
2.每行结尾的分号可有可无,建议加上。
3.注释:单行注释:∥注释内容
多行注释:/*注释内容*/
4.大括号表示代码块

输出语句
使用window.alert()写入警告框
使用document.write()写入HTML输出
使用console.log()写入浏览器控制台


变量
JavaScript中用var关键字(variable的缩写)来声明变量。
JavaScript是一门弱类型语言,变量可以存放不同类型的值。

一.变量名需要遵循如下规侧:
- 组成字符可以是任何字母、数字、下划线()或美元符号($)
2.数字不能开头
3.建议使用驼峰命名

特点1:var是全局变量即使在代码块里面定义,在外面也可以拿到。
特点2:可以重复定义的


数据类型、运算符、流程控制语句
数据类型
JavaScript中分为:原始类型和引用类型。

如何获取数据类型:


运算符

==会进行类型转换,===不会进行类型转换类型不一样直接返回false

类型转换:


NaN代表的是不是一个数字
数字类型转换为boolean类型


空格也是true
流程控制语句


语法和Java一致。
js函数(含义和Java方法一样)

例子:



方式二:

注总事项
jS中,函数调用可以传递任意个数的参数。
如:

只接收前俩个参数。
js对象
array对象

定义数组

js中的数组长度可变类型可变

array中的属性和方法


for把数组所以数据都遍历出来,包括没有值的
forEach只遍历有值的数据。


参数一从哪个元素开始删参数二删几个
string对象


练习:

JavaScript自定义对象
定义格式:


自定义里面的方法还可以简化为这个样子。
调用格式:

js里面的JSON对象
概念:JavaScript Object Notation,JavaScripti对象标记法。
JSON是通过JavaScript对象标记法书写的文本。
由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输。
json的定义格式:

josn和自定义的对象很相似。
json-基础语法

如何获取json里面的值
1.JS0N字符串转为JS对象
2.JS对象转为jSON字符串


注意别忘加单引号
js里面的BOM对象

只需要掌握俩个一个是window一个是Location
window

方法代码实现:

Location

代码实现:
1.可以返回完整的URL
2.可以跳转。

js里面的DOM对象



代码实现:


js事件监听
●事件:HTML事件是发生在HTML元素上的“事情”。比如:
◆按钮被点击
◆鼠标移动到元素上
◆按下键盘按键
●事件监听:JavaScript可以在事件被侦测到时执行代码。
事件绑定

js中常见的事件

代码案例:


