题纲:
1、js的弹窗功能
2、js的三种书写方式
3、js调试常用的两句话
4、变量的语法
5、变量的命名规范
6、交换变量的值
7、js调试常用的5个功能
8、运算符
9、js的数据类型
10、算术运算符(数学预算符)
1、Web三大标准
结构(html)、样式(css)、行为(js)
控制台使用
2、JavaScript调试语句
alert()
console.log()
prompt()
3、JavaScript函数
调用函数,就是调用某个功能
*调用函数语法:
函数名()
4、JavaScript变量
定义:变量主要用来存储数据,把数据起一个更加简单的名字,方便实用
变量语法:
Var 变量名 = 数据;
5、数据类型
5种基本数据类型
1种复杂数据类型(引用型)
正文
1、js的弹窗功能
内嵌写在body或者html的外面用script包裹
alert();弹出警告窗口
调用函数的括号里面写内容,发布才会显示内容
*js中的符号用英文状态下的符号
*js严格区分大小写
一个浏览器相当于一个平台
2、Js的三种书写方式
行内:直接写在标签上
·
onclick点击事件
内嵌
外联:引入方式
同一个script里面只能兼容一个外链或者内嵌,从上往下按照顺序执行。
3、js调试常用两句话
注释:块注释/* */
行注释://
*内置功能:alert(); 弹出框、
console.log();控制台输出(重点)
4、变量的语法
*直接量:很少用
*变量:把数据赋值给变量名称(后面的赋值给前面)
var 变量名称 = 数据; =等于赋值
5、变量的命名规范
变量定义语法、
var 变量名称 = 数据;
变量命名规范:
必须遵循
1、不能以数字开头
- 不能用特殊符号,除了$ 和 _
3、大小写字母数字组合,用驼峰命名法 (推荐用)
规避关键词保留词
4、 如var class typeof for if ……
5、要有语义的名称
6、交换变量的值
一个等于号:在js中叫赋值
赋值在js中怎么运行的:
先读取后面的数据,再赋值给前面
7、js调试常用的5个功能
alert(); 弹出警示框 (掌握)
console.log(); 在控制台显示 (掌握)
prompt(); 带输入框的提示框 (掌握)
confirm(); 确认框(两个按钮)
document.write(); 文档写入
var result = prompt(); 把prompt赋值给一个变量,就可以在页面保存起来(针对新学学者看到效果进行展示)
console.log(result);
alert(result);
prompt();
返回值
1点击确定返回用户输入的内容
2点击取消返回null
confirm()
函数运行后返回值:
1点击确定:true
2点击取消:false
Js的函数执行完毕后,默认返回undefined(未定义),可以理解为该函数无返回值
prompt() confirm() 有返回值的函数
文档写入
document.write(); 文档写入
8、运算符号
+ 加号在js的两个功能
- 数值相加,只有数值才会进行相加运算
- 字符相连,碰到一个字符都是相连
- 数据类型隐式转换
9、js的数据类型
5大数据类型
字符串型(string):
数值型(number):
布尔型(boolean):
未定义型(undefined):
空值型(object): null
1种复杂数据类型(引用型)
对象型:object function
typeof
输入框输入的数据默认为字符串:
字符串进行数据会有小问题,尤其是加号,进行的相连运算
数据类型转换:
<字符串>转换<数值型>
Number(); 大写N
parseInt(); 解析转换成 数值整型
parseFloat(); 解析转换成 数值型
NAN 不是一个数字
Js是弱数据类型语言
- 创建变量的时候不用指定数据类型,变量可以存放任何类型数据
- 隐式转换
什么情况下会隐式转换:
- 有运算符进行运算的时候,+ - / * < >
- If 判断语句的括号
小结:会发生隐式转换的数据,一般都会和运算符有关
简化隐式转换,只能是纯数字
10、算术运算符(数学运算符)
+ - * / %(取余,取模)
余数价值:
- 余数为零说明能被整除
- 除以2余1,说明是奇数,同理除以2余数为零,说明为偶数
比较运算符
> 大于
< 小于
>= 大于等于
<= 小于等于
== 等于
!= 不等于
注意:以上6个比较运算符,比较的数据之间都会进行隐式转换
===等于 !==不等于 不会进行隐式转换,<值>和<数据类型>都会进行比较
1、比较运算符的计算结果只有两种情况:true false
2、比较运算符的数据之间会进行隐式转换,除了 === 和 !==
*计算三科总成绩练习