JavaScript:是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。
JavaScript是嵌入到浏览器软件当中去的,只要电脑有浏览器就可以执行JS程序。
JavaScript是一种面向对象的程序语言。在程序中,对象是由“属性”和“方法”构成。
- “对象”有各种各样的特征(属性),如:身高、体重、姓名等
- “对象”有很多方法,如:“人”这个对象,开飞机、打电脑、上网(人的行为)等
- 跨平台:JS程序可以在多平台下运行
- 客户端脚本程序:JS只能在客户端的浏览器来运行,不能在服务器端来运行
- 浏览器是一个翻译器,可以翻译三种代码:HTML、CSS、JavaScript
JavaScript能干什么?
- 表单验证
- 动态HTML:可以实现一些动态的、重复的效果
- 交互式:人机交互,通过键盘或鼠标,与网页中的元素进行交互
<script></script>标记
- JS代码也是嵌入到HTML标记中去的。同一个网页中,可以有HTML、CSS、JavaScript。
- <script type=“text/javascript”></script>
常用的两个客户端输出方法
1、document.write(str)
- 描述:在网页的<body>中,输出str的内容
- document意思“文档”,是一个文档对象,代表整个网页了。
- write()是document对象的一个输出方法。
- “ . ”小数点:通过小数点来调用对象的方法。
2、window.alert(str)
- 描述:在当前窗口中弹出一个警告对话框,str是弹出内容
- window就代表当前浏览器,window是一个窗口对象。
- alert()方法:弹出一个对话框。
JS中的注释
//(单行注释)或/* */(多行注释)
变量的声明
- 变量的声明,就相当于预定宾馆的“房间”。
- 语法格式:var 变量名;
- 声明变量是使用系统关键字var来进行的
变量的命名规则
- 变量名可以包含字母、数字、下划线
- 变量名不能以数字开头,可以以字母或下划线开头
- 变量名不能是系统关键字
- 变量名区分大小写
- 命名方式
- 变量名一定要有意义,遵循驼峰原则
- 下划线式命名:所有单词均小写,中间用下划线连接,如 :get_user_name
syntaxError:语法错误
变量的数据类型
JS中变量的类型:数值型、字符型、布尔型、undefined、null、array、object、function
JS中类型分类:1、基本数据类型2、复合数据类型
同名变量:下面的变量将替换上面的变量
1、数值型:可以进行算术运算(整型、浮点型和NaN)
- 数值型中还有一个特殊的值NaN(not a number),当其他的数据类型,转成数值型,转不过去,但程序又不能报错,这时返回NaN。
2、字符型:用单引号或双引号,引起来的一串字符
- 字符串的“ + ”:是连接字符串,不是“加法”,是“连接运算”
- 运算时,只能进行同类型运算。如果类型不同,将进行类型转换。
- 单引号和双引号之间可以相互嵌套,且双引号只能嵌套单引号
- 如果想在双引号内,再嵌套双引号,里面的双引号,一定要进行转义“ \ ”
- 遇到反斜杠时,对其后的第一个字符惊醒特殊处理,视为普通字符
- 弹窗中的换行,只能使用\n来实现,不能使用<br>,body中才会解析<br>
3、布尔型
布尔型又称为逻辑型。只有两个值:true和false
4、未定义型
- 当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined
- 当一个对象的属性不存在时,也返回未定义型
5、空型
- 当一个对象不存在时,将返回空型,空型的值只有一个null
- 如果想清除一个对象的值,可以赋值null
变量的数据类型转换
变量的类型转换,一般情况是JS自动转换的,但也有些时候需要手动转换
- 强制转换boolean函数:boolean()
- 强制转换string函数:string()
- 强制转换数值型函数:Number()
函数和方法的区别
- 函数是可以独立使用的
- 方法不可以独立使用,方法是必须属于哪个对象
判断变量的数据类型:typeof()
- 使用一元运算符typeof(),可以测试一个变量的类型
- typeof()的结果字符串有几种情况:“string”、“number”、“boolean”、“undefined”、“object”、“function”
- 注意:null、对象、数组这三种类型,都将返回“object”
从字符串中提取整数或浮点数的函数(系统函数或全局函数)
1、parseInt()
- 功能:从一个字符串中,从左到右提取整型。如果遇到非整型的内容,则停止提取,并返回结果。
- 注意:如果第一个字符就是非整数,则立即停止,并返回NaN
2、parseFloat()
功能:在一个字符串中,从左往右提取浮点型;遇到非浮点型内容,则停止提取,并返回结果。
注意:如果第一个字符是非浮点型,则立即停止,并返回NaN
window.prompt()
- 功能:弹出一个输入框,让用户来输入内容
- 语法:var xx = window.prompt(text[,defaultText])
- 参数:
- text:提示信息
- defaultText:可选项,输入框的默认内容
- 返回值
|