初始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中常见的事件
代码案例: