一、JS书写位置
1.行内式
<input type="button"
value="点我试试" onclick="alert('Hello World')" />
-
可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on
开头的属性) -
可读性差, 在html中编写JS大量代码时,不方便阅读
-
引号易错,引号多层嵌套匹配时,非常容易弄混
2.内嵌式
<script>
alert('Hello World!');
</script>
- 内嵌 JS 是学习时常用的方式
3.外部JS文件
<script
src="my.js"></script>
- 利于HTML页面代码结构化,把大段
JS代码独立到 HTML 页面之外,既美观,也方便文件级
别的复用
-
引用外部 JS文件的 script 标签中间不可以写代码
-
适合于JS 代码量比较大的情况
二、注释
1.单行注释
//用来注释单行文字
快捷键:ctrl+/
2.多行注释
/*用来注释
多行文字*/
快捷键 alt+shift+a
三、JS输入输出的语句
1.alert():浏览器弹出警示框
2.console.log():浏览器的控制台输出信息
3.prompt() :浏览器弹出输入框,可以在上面输入内容
四、变量
1.什么是变量
变量是用于存放数据的容器。我们通过变量名来获取一些数据。
2.声明变量
var name;
- var是JS中的一个关键字,用来声明变量;name则是定义的变量名
3.赋值
name='hi!';
- = 用来把右边的值赋值给左边的变量中,在JS中’='是赋值的意思
4.变量的初始化
var age = 18;// 声明一个变量并赋值,我们称之为变量的初始化。
5.变量知识的扩展
5.1更新变量
一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
5.2同时声明多个变量
同时声明多个变量时,只需要写一个 var,
多个变量名之间使用英文逗号隔开。
var age=10, name='zs', sex='未知' ;
五、变量命名规范
1.由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成
2.严格区分大小写
3.不能以数字开头
4.不能是关键字、保留字。例如:var、for、while等
5.变量名必须有意义
6.遵守驼峰命名法。首字母小写,后面单词的首字母需要大写
六、简单数据类型
字符串型 String
1.字符串引号嵌套
JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号
#####
2.字符串转义符
3.字符串拼接
1.多个字符串之间可以使用"+"进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
2.拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串
//字符串 "相加"
alert('good'+' '+'morning'); // good
morning
//数值字符串 "相加"
alert('2'+'3'); // 23
//数值字符串 + 数值
alert('11' + 11); // 1111
七、获取变量数据类型
typeof 可用来获取检测变量的数据类型
var num = 18;
console.log(typeof num) // 结果 number
八、数据类型转换
转换为字符串
转换为数字型(重点)
转换为布尔型
代表空、否定的值会被转换为 false ,如 ‘’、0、NaN、null、undefined,其余值都会被转换为true