JS学习
一、JS初体验
JS有3种书写位置,分别为行内、内嵌和外部。
1.行内式JS
<input typem"button" valuem"点我式试" onclick"alert (' Hello world')" />
可以将单行或少量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注释
1. 单行注释
// 单行注释 快捷键 ctrl + /
2. 多行注释
/*
多行注释
多行注释 默认快捷键 shift + alt + a
*/
三、JS输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法说明alert(msg)浏览器弹出警示框console.log(msg)浏览器控制台打印输出信息prompt(info)浏览器弹出输入框,用户可以输入
四、JS变量
1.变量概述
变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。
变量是程序在内存中申请的一块用来存放数据的空间。
2.变量的使用
变量在使用时分为两步:
声明变量
赋值
(1). 声明变量
、/声明变量
var age; //声明一个名称为age的变量
var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
(2). 赋值
age = 10;//给age这个变量赋值为10
= 用来把右边的值赋给左边的变量空间中 , 此处代表赋值的意思
变量值是程序员保存到变量空间里的值
(3). 变量的初始化
var age = 18;//声明变量同时赋值为18
声明一个变量并赋值,我们称之为变量的初始化。
3.变量语法扩展
(1). 更新变量
一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
var age = 18;
age = 81;//最后的结果就是81因为18被覆盖掉了
(2). 同时声明多个变量
同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开。
var age = 10,name = "zs',sex = 2;
(3). 声明变量特殊情况
情况说明结果var age ; console.log(age);只声明不赋值undefinedconsole.log(age)不声明不赋值直接使用报错age = 10; console.log (age);不声明只赋值10
4.变量命名规范
由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($ )组成,如:usrAge, num01,_name
·严格区分大小写。var app; 和var App; 是两个变量
不能以数字开头。18age是错误的
不能是关键字、保留字。例如: var、for、while
变量名必须有意义。MMD BBD nl →age
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName
尽量不要直接使用name作为变量名
网友评论