JS有三种书写位置,分别是行内、内嵌和外部。
1.行内式js
<input type="button" value=" " onclick="alert(' ')"/>
- 可以将单行或少量js代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
- 注意单双引号的使用:在html中我们推荐使用双引号,js中推荐使用单引号
- 可读性差,在html中编写JS大量代码时,不方便阅读
- 引号易错,引号多层次嵌套匹配时,非常容易弄混
- 特殊形况下使用
2.内嵌式js
<script>
alert('hello world!');
</script>
- 可以将多行js代码写到<script>标签中
- 内嵌式js是学习时常用到的方式
3.外部js文件
<script src="my.js"></script>
- 利用HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
- 引用外部js文件的script标签中间不可以写代码
- 适合于js代码量比较大的情况
JS注释
ctrl + / :单行注释
shift + alt +A:多行注释
JS输入输出语句
方法 | 说明 | 归属 |
altert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
变量
变量在使用时分为两步:1.声明变量 2.赋值
1.声明变量
var name1;
- var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
- name1 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
2.赋值
name1 = 'poplar';
- = 用来把右边的值赋给左边的变量空间中,此处代表赋值的意思
- 变量值是程序员保存到变量空间里的值
变量语法扩展
1.更新变量:一个变量被重新赋值后,它原有的值就会被覆盖变量值将以最后一次赋的值为准
2.同时声明多个变量:只需要写一个var,多个变量名直接按使用英文逗号隔开。
var age=18,
address='胜利街',
sex='女';
3.声明变量特殊情况
情况 | 说明 | 结果 |
var age;console.log(age) | 只声明 不赋值 | undefined |
console.log(age) | 不声明 不赋值 直接使用 | 报错 |
age =10;console.log(age); | 不声明 只赋值 | 10 |
变量命名规范
- 由字母(A-Za-Z)、数字(0-9)、下划线(_)、美元符号($)组成,如:usrAge,num01,_name
- 严格区分大小写
- 不能以数字开头
- 不能是关键字、保留字
- 变量名必须有意义
- 遵循驼峰命名法,首字母小写,后面单词的首字母需要大写
- 推荐翻译网站:有道
交换2个变量的值
var a='H',b='Y';
var temp;
temp=a;
a=b;
b=temp;