什么是JavaScript(简称JS)
- JS是一种基于对象和时间驱动、并具有安全性能的脚本语言。
- JS的特点:
- 向HTML页面中添加交互行为。
- 脚本语言、和JAVA相似。
- 解释性语言,边执行边解释。
- JS的组成:ECMAScript + BOM + DOM
如何使用JS
- 直接在HTML标签中使用JS
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
- 引入外部JS文件
<script src="路径" type="text/javascript"></script>
- 使用<script></script>标签
当使用<script>标签时,需要注意<script>标签在HTML中的位置,<script>标签可以放在HTML中的任何位置,但是建议放在HTML的头部或<body>的后边。
JS的三种输出方式
document.write("hello");
alert("hello");
console.log("hello");
变量
- JS是一种弱类型的编程语言,变量没有类型,值有类型。
- 变量的声明:
- 先声明,后赋值:var a; a = 5;
- 声明的同时给变量赋值:var a = 5;
- 不声明直接使用,但是不建议这方方法,很容易出错。
a = 5;
数据类型(值有类型)
- undefined:变量没有初始值将被赋予undefined;
- null:变量的默认值不会是null,但可以给变量赋值一个null值。null值和undefined值相等。
- number:数字,JS不区分整数和小数。
- boolean:布尔 true|false。
- string:字符串,JS不区分字符和字符串。
- typeof(变量名):内置函数,获取变量上值的类型。
- object:JS中的对象、数组和null都是object类型
运算符(和JAVA类似)
可以参考JAVA运算符进行学习
- 算术:+ 、- 、* 、/ 、%(加、减、乘、除、取模)
- 赋值:= 、 += 、 *= 、 /= 、 %=
- 关系运算符:== 、 != 、 > 、 < 、 >= 、 <= 、 ===(恒等于,永远等于)、 “!==”(永远不等)
- 逻辑:&& || !
- 三目运算符:boolean表达式 ?值1 : 值2
选择分支结构(和JAVA类似)
可以参考JAVA选择分支结构进行学习
- if(){}
- if(){}else{}
if(){}else if(){}else{} - switch(value){
case 1:…
break;
…
default:…
break;
}
循环结构(和JAVA类似)
可以参考JAVA循环结构进行学习
- while(){}
- do{}while();
- for(var i=0;i<10;i++){…}
- for in
例如遍历数组:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/89bd4630ff8f7780850f8a8d8a914db7.jpeg#pic_center)
String对象
- 属性:length
字符串对象.length :获取字符串的长度。 - 常用方法
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b409560f81f84d5c3b93a451385bc975.png#pic_center)
数组
- 创建数组的三种方式
- var 数组名 = new Array(长度);
然后依次赋值。
数组的下标从0开始。 - var 数组名 = new Array(值1 , 值2 , 值3…);
- var 数组名 = [值1 , 值2 , 值3…];
- 数组的属性
length:返回数组的长度。 - 数组的常用方法:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a8e0473ae247d17ff15ddd859a4e8258.png#pic_center)
注释
- 单行注释以 // 开始,以行末结束。
- 多行注释以 /* 开始 ,以 */ 结束。
prompt()输入
- prompt(参数1 , 参数2);
- 参数1:提示信息,提示用户输入什么。
- 参数2:默认信息,输入框中的默认信息。(参数2 可选)
- 例如:
<script>
var a = prompt("请输入你的姓名");
var b = prompt("请输入你的性别" ,"男");
</script>