JavaScript基础语法 学习打卡

本节介绍

1、JavaScript的重要作用,HTML+CSS+JavaScript的之间关系
2、JavaScript脚本语言的程序控制语法
3、JavaScript脚本语言函数,自定义函数
4、JavaScript脚本语言事件响应及处理、表单处理
5、JavaScript脚本语言DOM模型及操作
6、使用本课程所学技术完成综合练习

JavaScript简介

1、什么是JS – JavaScript的简称,是一种动态脚本语言。
2、什么是动态页面 – 人机交互 静态页面 – 没有人机交互
3、JS需要安装才能使用吗? – 不需要
4、什么是BOM – 浏览器对象模型 DOM – 文档对象模型

详细介绍

1、JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于Netscape公司的Livescript语言
2、JavaScript的组成:ECMAsxcript(语法)、Browser Objects(DOM BOM 特性)组成

JavaScript的注释和分号

// 单行注释
语句结束还是用分号,如果省略,则由解析器确定语句地结尾

JavaScript的标识符

1、什么是标识符 – 变量、函数、属性的名字,或者函数的参数。
2、标识符的命名规则
a. 由字母、数字、下划线(_)或者美元($)组成
b. 不能以数字开头
c. 不能使用关键字,保留字作为标识符

编写第一个JavaScript程序

1、使用script标签在HTML中插入JavaScript,编写内部JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
    /*css编写*/
  </style>
  <script type="text/javascript">
    //调试工具  --  弹出框
    alert("hello JavaScript");
  </script>
</head>
<body>
  
</body>
</html>

2、引用外部JS文件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="js/js1.js"></script>
</head>
<body>
  
</body>
</html>

JavaScript变量

1、 与其他程序设计语言相同,用来临时存储信息
2、 创建方法如下: 弱数据类型
a. var x=1; var x=2,name=“zhangsan”;
b. var x; x=1; var name; name=“lisi”;
3、 注意:Js中的变量,区分类型,但是没有int之类的关键词

JavaScript调试

1、alert()弹框调试、console.log控制台输出调试
2、观察变量值的变化规律,是否符合程序设计的目的
3、语法:

alert(flag);
console.log(flag);

JavaScript自定义函数

1、 JavaScript函数:自定义函数、内置函数
2、 自定义函数:是完成某一个功能模块的代码段,可以重复执行,方便管理和维护。
3、 创建方法:
a. 这种事函数声明,可以先使用后定义

function fun1(){
  代码段;
  return;
}

b.这种叫做:函数表达式,必须先定义后使用

var fun1 = function(x){
  return x+1;
}

JavaScript数据类型

ECMAScript:

a. 简单数据类型:
ⅰ. Underfined 未定义,一般指的是已经声明,但是没有赋值的变量,派生自null值
ⅱ. null 空对象类型,var a = null; 和 var a = “”;有区别;
ⅲ. Boolean 布尔类型,只有true和false 2种值
ⅳ. Number 数字类型,整型、浮点型都包括
ⅴ. String 字符串类型,必须放在单引号或者双引号中
b. ECMAScript6: es6 新增symbol数据类型
c. 复杂数据类型:Object – 对象

特殊类型

1、object – 对象类型,在js中常见的window document array等
2、NaN – 是Number的一种特殊类型,isNaN() 如果是数字 返回false 不是数字 返回true
3、isNaN() – 说明:对接受的数值,先尝试转换为数值,再检测是否为非数值。
4、任何涉及NaN的操作(例如NaN/10)都会返回NaN
5、NaN与任何值都不相等,包括NaN本身

var id="16";
console.log(isNaN(id));//false   转换之后是数字

var id="lisi";
console.log(isNaN(id));//true   转换之后不是数字
typeof

1、功能:检测变量类型
2、语法:typeof 变量 或者 typeof(变量)
3、返回值:string number boolean object underfined function

类型转换

1、parseInt() - 转换成整型 parseFloat() - 转换成浮点类型,带小数点 Number() - 包括整数和小数 Bolean() - 转换成逻辑类型
2、强制类型转换 隐式类型转换
3、案例演示

思维导图

JavaScript基础语法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值